npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.808 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.808

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.

Files changed (1557) hide show

package/dist/cjs/components/feature-announcements/VideoModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./constants/index.js");require("../../constants/Theme.js"),require("./constants/animations.js");var t=require("./styles/videoModal.styles.js"),o=require("./utils/htmlHelpers.js");exports.VideoModal=({isOpen:r,videoUrl:i,onClose:l})=>{if(!r)return null;const a=o.formatVideoUrl(i),d=o.isYouTubeVideo(i);return e.jsx("div",Object.assign({style:t.videoModalStyles.backdrop,onClick:e=>{e.target===e.currentTarget&&l()}},{children:e.jsxs("div",Object.assign({style:t.videoModalStyles.container,onClick:e=>e.stopPropagation()},{children:[e.jsx("button",Object.assign({onClick:l,style:t.videoModalStyles.closeButton.base,onMouseOver:e=>Object.assign(e.currentTarget.style,t.videoModalStyles.closeButton.hover),onMouseOut:e=>Object.assign(e.currentTarget.style,t.videoModalStyles.closeButton.base)},{children:"×"})),e.jsx("div",Object.assign({style:t.videoModalStyles.videoWrapper},{children:i?d?e.jsx("iframe",{width:"100%",height:"100%",src:a,title:s.TEXT.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:t.videoModalStyles.iframe}):e.jsxs("video",Object.assign({controls:!0,autoPlay:!0,style:t.videoModalStyles.video},{children:[e.jsx("source",{src:i,type:"video/mp4"}),e.jsx("source",{src:i,type:"video/webm"}),e.jsx("source",{src:i,type:"video/ogg"}),"Your browser does not support the video tag."]})):e.jsx("div",Object.assign({style:t.videoModalStyles.noVideoMessage},{children:s.TEXT.NO_VIDEO_AVAILABLE}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./constants/index.js");require("../../constants/Theme.js"),require("./constants/animations.js");var t=require("./styles/videoModal.styles.js"),o=require("./utils/htmlHelpers.js");exports.VideoModal=r=>{let{isOpen:i,videoUrl:l,onClose:a}=r;if(!i)return null;const d=o.formatVideoUrl(l),n=o.isYouTubeVideo(l);return e.jsx("div",Object.assign({style:t.videoModalStyles.backdrop,onClick:e=>{e.target===e.currentTarget&&a()}},{children:e.jsxs("div",Object.assign({style:t.videoModalStyles.container,onClick:e=>e.stopPropagation()},{children:[e.jsx("button",Object.assign({onClick:a,style:t.videoModalStyles.closeButton.base,onMouseOver:e=>Object.assign(e.currentTarget.style,t.videoModalStyles.closeButton.hover),onMouseOut:e=>Object.assign(e.currentTarget.style,t.videoModalStyles.closeButton.base)},{children:"×"})),e.jsx("div",Object.assign({style:t.videoModalStyles.videoWrapper},{children:l?n?e.jsx("iframe",{width:"100%",height:"100%",src:d,title:s.TEXT.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:t.videoModalStyles.iframe}):e.jsxs("video",Object.assign({controls:!0,autoPlay:!0,style:t.videoModalStyles.video},{children:[e.jsx("source",{src:l,type:"video/mp4"}),e.jsx("source",{src:l,type:"video/webm"}),e.jsx("source",{src:l,type:"video/ogg"}),"Your browser does not support the video tag."]})):e.jsx("div",Object.assign({style:t.videoModalStyles.noVideoMessage},{children:s.TEXT.NO_VIDEO_AVAILABLE}))}))]}))}))};
 //# sourceMappingURL=VideoModal.js.map

package/dist/cjs/components/feature-announcements/VideoModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoModal.js","sources":["../../../../src/components/feature-announcements/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { TEXT } from './constants';\nimport { videoModalStyles } from './styles';\nimport { VideoModalProps } from './types';\nimport { formatVideoUrl, isYouTubeVideo } from './utils';\n\nexport const VideoModal: React.FC<VideoModalProps> = ({\n\tisOpen,\n\tvideoUrl,\n\tonClose,\n}) => {\n\tif (!isOpen) return null;\n\n\tconst handleBackdropClick = (e: React.MouseEvent): void => {\n\t\tif (e.target === e.currentTarget) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst formattedVideoUrl = formatVideoUrl(videoUrl);\n\tconst isYouTube = isYouTubeVideo(videoUrl);\n\n\treturn (\n\t\t<div style={videoModalStyles.backdrop} onClick={handleBackdropClick}>\n\t\t\t<div\n\t\t\t\tstyle={videoModalStyles.container}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{/* Close Button /}\n\t\t\t\t<button\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t\tstyle={videoModalStyles.closeButton.base}\n\t\t\t\t\tonMouseOver={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.hover,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tonMouseOut={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.base,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t×\n\t\t\t\t</button>\n\n\t\t\t\t{/ Video Player */}\n\t\t\t\t<div style={videoModalStyles.videoWrapper}>\n\t\t\t\t\t{videoUrl ? (\n\t\t\t\t\t\tisYouTube ? (\n\t\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\tsrc={formattedVideoUrl}\n\t\t\t\t\t\t\t\ttitle={TEXT.VIDEO_MODAL_TITLE}\n\t\t\t\t\t\t\t\tframeBorder=\"0\"\n\t\t\t\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n\t\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\t\tstyle={videoModalStyles.iframe}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<video controls autoPlay style={videoModalStyles.video}>\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/mp4\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/webm\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/ogg\" />\n\t\t\t\t\t\t\t\tYour browser does not support the video tag.\n\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={videoModalStyles.noVideoMessage}>\n\t\t\t\t\t\t\t{TEXT.NO_VIDEO_AVAILABLE}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["~~VideoModal~~","isOpen","videoUrl","onClose","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","_jsx","style","videoModalStyles","backdrop","onClick","e","target","currentTarget","_jsxs","jsxs","Object","assign","container","stopPropagation","children","closeButton","base","onMouseOver","hover","onMouseOut","jsx","videoWrapper","width","height","src","title","TEXT","VIDEO_MODAL_TITLE","frameBorder","allow","allowFullScreen","iframe","controls","autoPlay","video","type","noVideoMessage","NO_VIDEO_AVAILABLE"],"mappings":"wTAMqDA,~~EACpDC~~,~~SACAC~~,~~WACAC~~,~~cAEA~~,~~IAAKF~~,EAAQ,OAAO,KAEpB,MAMMG,EAAoBC,iBAAeH,GACnCI,EAAYC,iBAAeL,GAEjC,OACCM,2BAAKC,MAAOC,EAAgBA,iBAACC,SAAUC,QAVXC,IACxBA,EAAEC,SAAWD,EAAEE,eAClBZ,GACA,aAQAa,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACU,UACxBR,QAAUC,GAAMA,EAAEQ,mBAAiB,CAAAC,SAAA,CAGnCd,8BACCI,QAAST,EACTM,MAAOC,EAAAA,iBAAiBa,YAAYC,KACpCC,YAAcZ,GACbK,OAAOC,OACNN,EAAEE,cAAcN,MAChBC,EAAAA,iBAAiBa,YAAYG,OAG/BC,WAAad,GACZK,OAAOC,OACNN,EAAEE,cAAcN,MAChBC,EAAAA,iBAAiBa,YAAYC,OAC7B,CAAAF,SAAA,OAOHd,EAAKoB,IAAA,MAAAV,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACmB,wBAC3B3B,EACAI,EACCE,EAAAA,IACC,SAAA,CAAAsB,MAAM,OACNC,OAAO,OACPC,IAAK5B,EACL6B,MAAOC,EAAIA,KAACC,kBACZC,YAAY,IACZC,MAAM,sGACNC,iBAAe,EACf7B,MAAOC,EAAgBA,iBAAC6B,SAGzBvB,EAAAC,KAAA,QAAAC,OAAAC,OAAA,CAAOqB,UAAQ,EAACC,UAAS,EAAAhC,MAAOC,EAAgBA,iBAACgC,kBAChDlC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,cAC5BnC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,eAC5BnC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,cAErB,mDAGTnC,EAAKoB,IAAA,MAAAV,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACkC,gBAAc,CAAAtB,SACzCY,EAAIA,KAACW,+BAKL"}
1	+ {"version":3,"file":"VideoModal.js","sources":["../../../../src/components/feature-announcements/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { TEXT } from './constants';\nimport { videoModalStyles } from './styles';\nimport { VideoModalProps } from './types';\nimport { formatVideoUrl, isYouTubeVideo } from './utils';\n\nexport const VideoModal: React.FC<VideoModalProps> = ({\n\tisOpen,\n\tvideoUrl,\n\tonClose,\n}) => {\n\tif (!isOpen) return null;\n\n\tconst handleBackdropClick = (e: React.MouseEvent): void => {\n\t\tif (e.target === e.currentTarget) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst formattedVideoUrl = formatVideoUrl(videoUrl);\n\tconst isYouTube = isYouTubeVideo(videoUrl);\n\n\treturn (\n\t\t<div style={videoModalStyles.backdrop} onClick={handleBackdropClick}>\n\t\t\t<div\n\t\t\t\tstyle={videoModalStyles.container}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{/* Close Button /}\n\t\t\t\t<button\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t\tstyle={videoModalStyles.closeButton.base}\n\t\t\t\t\tonMouseOver={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.hover,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tonMouseOut={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.base,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t×\n\t\t\t\t</button>\n\n\t\t\t\t{/ Video Player */}\n\t\t\t\t<div style={videoModalStyles.videoWrapper}>\n\t\t\t\t\t{videoUrl ? (\n\t\t\t\t\t\tisYouTube ? (\n\t\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\tsrc={formattedVideoUrl}\n\t\t\t\t\t\t\t\ttitle={TEXT.VIDEO_MODAL_TITLE}\n\t\t\t\t\t\t\t\tframeBorder=\"0\"\n\t\t\t\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n\t\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\t\tstyle={videoModalStyles.iframe}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<video controls autoPlay style={videoModalStyles.video}>\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/mp4\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/webm\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/ogg\" />\n\t\t\t\t\t\t\t\tYour browser does not support the video tag.\n\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={videoModalStyles.noVideoMessage}>\n\t\t\t\t\t\t\t{TEXT.NO_VIDEO_AVAILABLE}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["_ref","isOpen","videoUrl","onClose","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","_jsx","style","videoModalStyles","backdrop","onClick","e","target","currentTarget","_jsxs","jsxs","Object","assign","container","stopPropagation","children","closeButton","base","onMouseOver","hover","onMouseOut","jsx","videoWrapper","width","height","src","title","TEXT","VIDEO_MODAL_TITLE","frameBorder","allow","allowFullScreen","iframe","controls","autoPlay","video","type","noVideoMessage","NO_VIDEO_AVAILABLE"],"mappings":"wTAMqDA,IAIhD,IAJiDC,OACrDA,EAAMC,SACNA,EAAQC,QACRA,GACAH,EACA,IAAKC,EAAQ,OAAO,KAEpB,MAMMG,EAAoBC,iBAAeH,GACnCI,EAAYC,iBAAeL,GAEjC,OACCM,2BAAKC,MAAOC,EAAgBA,iBAACC,SAAUC,QAVXC,IACxBA,EAAEC,SAAWD,EAAEE,eAClBZ,GACA,aAQAa,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACU,UACxBR,QAAUC,GAAMA,EAAEQ,mBAAiB,CAAAC,SAAA,CAGnCd,8BACCI,QAAST,EACTM,MAAOC,EAAAA,iBAAiBa,YAAYC,KACpCC,YAAcZ,GACbK,OAAOC,OACNN,EAAEE,cAAcN,MAChBC,EAAAA,iBAAiBa,YAAYG,OAG/BC,WAAad,GACZK,OAAOC,OACNN,EAAEE,cAAcN,MAChBC,EAAAA,iBAAiBa,YAAYC,OAC7B,CAAAF,SAAA,OAOHd,EAAKoB,IAAA,MAAAV,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACmB,wBAC3B3B,EACAI,EACCE,EAAAA,IACC,SAAA,CAAAsB,MAAM,OACNC,OAAO,OACPC,IAAK5B,EACL6B,MAAOC,EAAIA,KAACC,kBACZC,YAAY,IACZC,MAAM,sGACNC,iBAAe,EACf7B,MAAOC,EAAgBA,iBAAC6B,SAGzBvB,EAAAC,KAAA,QAAAC,OAAAC,OAAA,CAAOqB,UAAQ,EAACC,UAAS,EAAAhC,MAAOC,EAAgBA,iBAACgC,kBAChDlC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,cAC5BnC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,eAC5BnC,EAAQoB,IAAA,SAAA,CAAAI,IAAK9B,EAAUyC,KAAK,cAErB,mDAGTnC,EAAKoB,IAAA,MAAAV,OAAAC,OAAA,CAAAV,MAAOC,EAAgBA,iBAACkC,gBAAc,CAAAtB,SACzCY,EAAIA,KAACW,+BAKL"}

package/dist/cjs/components/feature-announcements/constants/animations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animations.js","sources":["../../../../../src/components/feature-announcements/constants/animations.ts"],"sourcesContent":["/*\n Animation timing constants\n /\nexport const ANIMATION_TIMING = {\n\tCLOSE_DURATION: 1150,\n\tPROCESSING_DELAY: 500,\n\tMINOR_POPUP_DELAY: 2000,\n\tTRANSITION_DURATION: '1s',\n} as const;\n\n/\n Animation easing functions\n /\nexport const ANIMATION_EASING = {\n\tSTANDARD: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\n/\n Element check configuration\n /\nexport const ELEMENT_CHECK_CONFIG = {\n\tMAX_ATTEMPTS: 25,\n\tRETRY_INTERVAL_MS: 200,\n\tSCROLL_DEBOUNCE_MS: 300,\n} as const;\n\n/\n Combined transition string\n */\nexport const POPUP_TRANSITION = `transform ${ANIMATION_TIMING.TRANSITION_DURATION} ${ANIMATION_EASING.STANDARD}, opacity ${ANIMATION_TIMING.TRANSITION_DURATION} ${ANIMATION_EASING.STANDARD}`;\n"],"names":["ANIMATION_TIMING","CLOSE_DURATION","PROCESSING_DELAY","MINOR_POPUP_DELAY","TRANSITION_DURATION","ANIMATION_EASING","STANDARD","POPUP_TRANSITION"],"mappings":"oEAGO,MAAMA,EAAmB,CAC/BC,eAAgB,KAChBC,iBAAkB,IAClBC,kBAAmB,IACnBC,oBAAqB,MAMTC,EAAmB,CAC/BC,SAAU,gCAeEC,~~EAAmB~~,~~aAAaP,~~EAAiBI,uBAAuBC,EAAiBC,qBAAqBN,EAAiBI,uBAAuBC,EAAiBC"}
1	+ {"version":3,"file":"animations.js","sources":["../../../../../src/components/feature-announcements/constants/animations.ts"],"sourcesContent":["/*\n Animation timing constants\n /\nexport const ANIMATION_TIMING = {\n\tCLOSE_DURATION: 1150,\n\tPROCESSING_DELAY: 500,\n\tMINOR_POPUP_DELAY: 2000,\n\tTRANSITION_DURATION: '1s',\n} as const;\n\n/\n Animation easing functions\n /\nexport const ANIMATION_EASING = {\n\tSTANDARD: 'cubic-bezier(0.4, 0, 0.2, 1)',\n} as const;\n\n/\n Element check configuration\n /\nexport const ELEMENT_CHECK_CONFIG = {\n\tMAX_ATTEMPTS: 25,\n\tRETRY_INTERVAL_MS: 200,\n\tSCROLL_DEBOUNCE_MS: 300,\n} as const;\n\n/\n Combined transition string\n */\nexport const POPUP_TRANSITION = `transform ${ANIMATION_TIMING.TRANSITION_DURATION} ${ANIMATION_EASING.STANDARD}, opacity ${ANIMATION_TIMING.TRANSITION_DURATION} ${ANIMATION_EASING.STANDARD}`;\n"],"names":["ANIMATION_TIMING","CLOSE_DURATION","PROCESSING_DELAY","MINOR_POPUP_DELAY","TRANSITION_DURATION","ANIMATION_EASING","STANDARD","POPUP_TRANSITION"],"mappings":"oEAGO,MAAMA,EAAmB,CAC/BC,eAAgB,KAChBC,iBAAkB,IAClBC,kBAAmB,IACnBC,oBAAqB,MAMTC,EAAmB,CAC/BC,SAAU,gCAeEC,eAAgCP,EAAiBI,uBAAuBC,EAAiBC,qBAAqBN,EAAiBI,uBAAuBC,EAAiBC"}

package/dist/cjs/components/feature-announcements/hooks/useFeatureAnnouncements.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react"),r=require("../constants/animations.js"),a=require("../constants/localStorageKeys.js");exports.useFeatureAnnouncements=({fetchVisibleFeatures:i,getStoreFeatureProgress:o,fetchFeatureById:n,markFeatureAsViewedForStore:l,isFeatureApplicableToCurrentPage:u,module:s,router:c})=>{var d;const f=(()=>{const[e,r]=t.useState(null);return t.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.BIK_STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_STORE)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE),!e){const t=localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(a.LOCAL_STORAGE_KEYS.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[p,S]=t.useState([]),[_,A]=t.useState([]),[E,g]=t.useState([]),[v,y]=t.useState(!1),[R,T]=t.useState(null),U=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(f){y(!0),T(null);try{const[e,t]=yield i(s);if(e||!t)return void T("Failed to fetch features");const[a,n]=yield o(f),l=new Date,c="undefined"!=typeof window?window.location.pathname:"",d=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&l<t},p=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some((e=>{if(e===c)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(c)}))}return!0},_=t.filter((e=>{var t;const r=(null===(t=null==n?void 0:n.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,a=e.archived||!1,i=u(e),o=d(e),l=p(e);return!r&&!a&&i&&o&&l})),E=_.filter((e=>"Major"===e.featureUpdateType)),v=_.filter((e=>"Minor"===e.featureUpdateType));S(_),A(E),setTimeout((()=>{g(v)}),r.ANIMATION_TIMING.MINOR_POPUP_DELAY)}catch(e){T("An unexpected error occurred")}finally{y(!1)}}}))),[f,i,o,u,s]),D=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){y(!0),T(null);try{const[e,r]=yield n(t);if(e||!r)return void T("Failed to fetch feature by ID");"Major"===r.featureUpdateType?A([r]):g([r]),S([r])}catch(e){T("An unexpected error occurred while fetching by ID")}finally{y(!1)}}))),[n]),O=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!f)return;const[e]=yield l(f,t);S((e=>e.filter((e=>e.id!==t)))),A((e=>e.filter((e=>e.id!==t)))),g((e=>e.filter((e=>e.id!==t))))}))),[f,l]);return t.useEffect((()=>{var e;const t=null===(e=null==c?void 0:c.query)||void 0===e?void 0:e[a.QUERY_PARAMS.FEATURE_ID];t&&c?D(t):U()}),[null==c?void 0:c.pathname,null===(d=null==c?void 0:c.query)||void 0===d?void 0:d[a.QUERY_PARAMS.FEATURE_ID],f,U,D,c]),{features:p,majorUpdateFeatures:_,minorUpdateFeatures:E,isLoading:v,error:R,markFeatureAsViewed:O,refetch:U}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react"),r=require("../constants/animations.js"),a=require("../constants/localStorageKeys.js");exports.useFeatureAnnouncements=i=>{let{fetchVisibleFeatures:o,getStoreFeatureProgress:n,fetchFeatureById:l,markFeatureAsViewedForStore:u,isFeatureApplicableToCurrentPage:s,module:c,router:d}=i;var f;const p=(()=>{const[e,r]=t.useState(null);return t.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.BIK_STORE_ID)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_STORE)||localStorage.getItem(a.LOCAL_STORAGE_KEYS.STORE),!e){const t=localStorage.getItem(a.LOCAL_STORAGE_KEYS.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(a.LOCAL_STORAGE_KEYS.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[S,_]=t.useState([]),[A,E]=t.useState([]),[g,v]=t.useState([]),[y,R]=t.useState(!1),[T,U]=t.useState(null),D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(p){R(!0),U(null);try{const[e,t]=yield o(c);if(e||!t)return void U("Failed to fetch features");const[a,i]=yield n(p),l=new Date,u="undefined"!=typeof window?window.location.pathname:"",d=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&l<t},f=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.some((e=>{if(e===u)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(u)}))}return!0},S=t.filter((e=>{var t;const r=(null===(t=null==i?void 0:i.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,a=e.archived||!1,o=s(e),n=d(e),l=f(e);return!r&&!a&&o&&n&&l})),A=S.filter((e=>"Major"===e.featureUpdateType)),g=S.filter((e=>"Minor"===e.featureUpdateType));_(S),E(A),setTimeout((()=>{v(g)}),r.ANIMATION_TIMING.MINOR_POPUP_DELAY)}catch(e){U("An unexpected error occurred")}finally{R(!1)}}}))),[p,o,n,s,c]),O=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){R(!0),U(null);try{const[e,r]=yield l(t);if(e||!r)return void U("Failed to fetch feature by ID");"Major"===r.featureUpdateType?E([r]):v([r]),_([r])}catch(e){U("An unexpected error occurred while fetching by ID")}finally{R(!1)}}))),[l]),w=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!p)return;const[e]=yield u(p,t);_((e=>e.filter((e=>e.id!==t)))),E((e=>e.filter((e=>e.id!==t)))),v((e=>e.filter((e=>e.id!==t))))}))),[p,u]);return t.useEffect((()=>{var e;const t=null===(e=null==d?void 0:d.query)||void 0===e?void 0:e[a.QUERY_PARAMS.FEATURE_ID];t&&d?O(t):D()}),[null==d?void 0:d.pathname,null===(f=null==d?void 0:d.query)||void 0===f?void 0:f[a.QUERY_PARAMS.FEATURE_ID],p,D,O,d]),{features:S,majorUpdateFeatures:A,minorUpdateFeatures:g,isLoading:y,error:T,markFeatureAsViewed:w,refetch:D}};
 //# sourceMappingURL=useFeatureAnnouncements.js.map

package/dist/cjs/components/feature-announcements/hooks/useFeatureAnnouncements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFeatureAnnouncements.js","sources":["../../../../../src/components/feature-announcements/hooks/useFeatureAnnouncements.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport {\n\tANIMATION_TIMING,\n\tLOCAL_STORAGE_KEYS,\n\tQUERY_PARAMS,\n} from '../constants';\nimport {\n\tFeatureAnnouncement,\n\tFeatureAnnouncementRepository,\n\tRouterProps,\n} from '../types';\n\nconst useStoreId = () => {\n\tconst [storeId, setStoreId] = useState<string \| null>(null);\n\n\tuseEffect(() => {\n\t\tif (typeof window !== 'undefined') {\n\t\t\tlet storedStoreId: string \| null = null;\n\n\t\t\ttry {\n\t\t\t\tstoredStoreId =\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.STORE_ID) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.BIK_STORE_ID) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.CURRENT_STORE) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.STORE);\n\n\t\t\t\tif (!storedStoreId) {\n\t\t\t\t\tconst currentUser = localStorage.getItem(\n\t\t\t\t\t\tLOCAL_STORAGE_KEYS.CURRENT_USER,\n\t\t\t\t\t);\n\t\t\t\t\tif (currentUser) {\n\t\t\t\t\t\tconst parsed = JSON.parse(currentUser);\n\t\t\t\t\t\tstoredStoreId = parsed.storeId;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (!storedStoreId) {\n\t\t\t\t\tstoredStoreId = new URLSearchParams(window.location.search).get(\n\t\t\t\t\t\tLOCAL_STORAGE_KEYS.QUERY_PARAM,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\t// Failed to get store ID\n\t\t\t}\n\t\t\tsetStoreId(storedStoreId);\n\t\t}\n\t}, []);\n\n\treturn storeId;\n};\n\nexport const useFeatureAnnouncements = ({\n\tfetchVisibleFeatures,\n\tgetStoreFeatureProgress,\n\tfetchFeatureById,\n\tmarkFeatureAsViewedForStore,\n\tisFeatureApplicableToCurrentPage,\n\tmodule,\n\trouter,\n}: FeatureAnnouncementRepository & {\n\tmodule?: string;\n\trouter?: RouterProps;\n}) => {\n\tconst storeId = useStoreId();\n\tconst [features, setFeatures] = useState<FeatureAnnouncement[]>([]);\n\tconst [majorUpdateFeatures, setMajorUpdateFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [minorUpdateFeatures, setMinorUpdateFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [error, setError] = useState<string \| null>(null);\n\n\tconst fetchFeatures = useCallback(async () => {\n\t\tif (!storeId) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsLoading(true);\n\t\tsetError(null);\n\n\t\ttry {\n\t\t\tconst [featuresError, allFeatures] = await fetchVisibleFeatures(module);\n\n\t\t\tif (featuresError \|\| !allFeatures) {\n\t\t\t\tsetError('Failed to fetch features');\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [progressError, userProgress] = await getStoreFeatureProgress(\n\t\t\t\tstoreId,\n\t\t\t);\n\n\t\t\tif (progressError) {\n\t\t\t\t// Progress fetch failed, treating all features as new\n\t\t\t}\n\n\t\t\tconst now = new Date();\n\t\t\tconst currentRoute =\n\t\t\t\ttypeof window !== 'undefined' ? window.location.pathname : '';\n\n\t\t\tconst isNotExpired = (feature: FeatureAnnouncement) => {\n\t\t\t\tif (!feature.expirationDate) return true;\n\t\t\t\tlet expiry: Date \| undefined;\n\t\t\t\t// Firestore timestamp object\n\t\t\t\tif (\n\t\t\t\t\ttypeof feature.expirationDate === 'object' &&\n\t\t\t\t\tfeature.expirationDate !== null &&\n\t\t\t\t\t('seconds' in feature.expirationDate \|\|\n\t\t\t\t\t\t'nanoseconds' in feature.expirationDate)\n\t\t\t\t) {\n\t\t\t\t\t// Firestore timestamp: { seconds: number, nanoseconds?: number }\n\t\t\t\t\texpiry = new Date((feature.expirationDate as any).seconds * 1000);\n\t\t\t\t} else if (typeof feature.expirationDate === 'string') {\n\t\t\t\t\t// String date\n\t\t\t\t\texpiry = new Date(feature.expirationDate);\n\t\t\t\t} else if (feature.expirationDate instanceof Date) {\n\t\t\t\t\texpiry = feature.expirationDate;\n\t\t\t\t}\n\t\t\t\tif (!expiry \|\| isNaN(expiry.getTime())) return false;\n\t\t\t\treturn now < expiry;\n\t\t\t};\n\n\t\t\tconst isOnCorrectPage = (feature: FeatureAnnouncement) => {\n\t\t\t\tif (feature.featureUpdateType === 'Major') {\n\t\t\t\t\t// Accept both array and object (Firestore array)\n\t\t\t\t\tlet urls: string[] = [];\n\t\t\t\t\tif (Array.isArray(feature.pageUrls)) {\n\t\t\t\t\t\turls = feature.pageUrls;\n\t\t\t\t\t} else if (\n\t\t\t\t\t\ttypeof feature.pageUrls === 'object' &&\n\t\t\t\t\t\tfeature.pageUrls !== null &&\n\t\t\t\t\t\t'length' in feature.pageUrls\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Firestore array\n\t\t\t\t\t\turls = Array.from(feature.pageUrls as any);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check for exact match or dynamic route pattern match\n\t\t\t\t\treturn urls.some((url) => {\n\t\t\t\t\t\t// Exact match\n\t\t\t\t\t\tif (url === currentRoute) return true;\n\n\t\t\t\t\t\t// Dynamic route matching (e.g., /campaign/details/[broadcastId])\n\t\t\t\t\t\t// Convert Next.js route pattern to regex\n\t\t\t\t\t\tconst pattern = url\n\t\t\t\t\t\t\t.replace(/\\[([^\\]]+)\\]/g, '[^/]+') // Replace [param] with [^/]+\n\t\t\t\t\t\t\t.replace(/\\//g, '\\\\/'); // Escape forward slashes\n\n\t\t\t\t\t\tconst regex = new RegExp(`^${pattern}$`);\n\t\t\t\t\t\treturn regex.test(currentRoute);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t};\n\n\t\t\tconst unviewedFeatures = allFeatures.filter((feature) => {\n\t\t\t\tconst isViewed = userProgress?.viewedFeatures?.[feature.id] \|\| false;\n\t\t\t\tconst isArchived = feature.archived \|\| false;\n\t\t\t\tconst isApplicable = isFeatureApplicableToCurrentPage(feature);\n\t\t\t\tconst notExpired = isNotExpired(feature);\n\t\t\t\tconst onCorrectPage = isOnCorrectPage(feature);\n\n\t\t\t\tconst shouldShow =\n\t\t\t\t\t!isViewed &&\n\t\t\t\t\t!isArchived &&\n\t\t\t\t\tisApplicable &&\n\t\t\t\t\tnotExpired &&\n\t\t\t\t\tonCorrectPage;\n\n\t\t\t\treturn shouldShow;\n\t\t\t});\n\n\t\t\t// Separate major and minor updates\n\t\t\tconst majorFeatures = unviewedFeatures.filter(\n\t\t\t\t(f) => f.featureUpdateType === 'Major',\n\t\t\t);\n\t\t\tconst minorFeatures = unviewedFeatures.filter(\n\t\t\t\t(f) => f.featureUpdateType === 'Minor',\n\t\t\t);\n\n\t\t\tsetFeatures(unviewedFeatures);\n\t\t\tsetMajorUpdateFeatures(majorFeatures);\n\t\t\t// Delay minor popups by 2 seconds\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetMinorUpdateFeatures(minorFeatures);\n\t\t\t}, ANIMATION_TIMING.MINOR_POPUP_DELAY);\n\t\t} catch (err) {\n\t\t\tsetError('An unexpected error occurred');\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [\n\t\tstoreId,\n\t\tfetchVisibleFeatures,\n\t\tgetStoreFeatureProgress,\n\t\tisFeatureApplicableToCurrentPage,\n\t\tmodule,\n\t]);\n\n\tconst fetchFeatureByIdCallback = useCallback(\n\t\tasync (featureId: string) => {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\t\t\ttry {\n\t\t\t\tconst [error, feature] = await fetchFeatureById(featureId);\n\t\t\t\tif (error \|\| !feature) {\n\t\t\t\t\tsetError('Failed to fetch feature by ID');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (feature.featureUpdateType === 'Major') {\n\t\t\t\t\tsetMajorUpdateFeatures([feature]);\n\t\t\t\t} else {\n\t\t\t\t\tsetMinorUpdateFeatures([feature]);\n\t\t\t\t}\n\t\t\t\tsetFeatures([feature]);\n\t\t\t} catch (err) {\n\t\t\t\tsetError('An unexpected error occurred while fetching by ID');\n\t\t\t} finally {\n\t\t\t\tsetIsLoading(false);\n\t\t\t}\n\t\t},\n\t\t[fetchFeatureById],\n\t);\n\n\tconst markFeatureAsViewedCallback = useCallback(\n\t\tasync (featureId: string) => {\n\t\t\tif (!storeId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [error] = await markFeatureAsViewedForStore(storeId, featureId);\n\n\t\t\tif (!error) {\n\t\t\t\tsetFeatures((prev) => prev.filter((f) => f.id !== featureId));\n\t\t\t\tsetMajorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t\tsetMinorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t// Failed to mark feature as viewed, removing from local state anyway\n\t\t\t\tsetFeatures((prev) => prev.filter((f) => f.id !== featureId));\n\t\t\t\tsetMajorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t\tsetMinorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[storeId, markFeatureAsViewedForStore],\n\t);\n\n\tuseEffect(() => {\n\t\tconst featureIdFromQuery = router?.query?.[\n\t\t\tQUERY_PARAMS.FEATURE_ID\n\t\t] as string;\n\n\t\t// In test mode with featureId, ONLY fetch that specific feature\n\t\tif (featureIdFromQuery && router) {\n\t\t\tfetchFeatureByIdCallback(featureIdFromQuery);\n\t\t\treturn; // Don't run fetchFeatures\n\t\t}\n\n\t\t// Normal mode: fetch all features\n\t\tfetchFeatures();\n\t}, [\n\t\trouter?.pathname,\n\t\trouter?.query?.[QUERY_PARAMS.FEATURE_ID],\n\t\tstoreId,\n\t\tfetchFeatures,\n\t\tfetchFeatureByIdCallback,\n\t\trouter,\n\t]);\n\n\treturn {\n\t\tfeatures,\n\t\tmajorUpdateFeatures,\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\terror,\n\t\tmarkFeatureAsViewed: markFeatureAsViewedCallback,\n\t\trefetch: fetchFeatures,\n\t};\n};\n"],"names":["useFeatureAnnouncements","fetchVisibleFeatures","getStoreFeatureProgress","fetchFeatureById","markFeatureAsViewedForStore","isFeatureApplicableToCurrentPage","module","router","storeId","useStoreId","setStoreId","useState","useEffect","window","storedStoreId","localStorage","getItem","LOCAL_STORAGE_KEYS","STORE_ID","BIK_STORE_ID","CURRENT_STORE","STORE","currentUser","CURRENT_USER","JSON","parse","URLSearchParams","location","search","get","QUERY_PARAM","e","features","setFeatures","majorUpdateFeatures","setMajorUpdateFeatures","minorUpdateFeatures","setMinorUpdateFeatures","isLoading","setIsLoading","error","setError","fetchFeatures","useCallback","__awaiter","featuresError","allFeatures","progressError","userProgress","now","Date","currentRoute","pathname","isNotExpired","feature","expirationDate","expiry","seconds","isNaN","getTime","isOnCorrectPage","featureUpdateType","urls","Array","isArray","pageUrls","from","some","url","pattern","replace","RegExp","test","unviewedFeatures","filter","isViewed","viewedFeatures","id","isArchived","archived","isApplicable","notExpired","onCorrectPage","majorFeatures","f","minorFeatures","setTimeout","ANIMATION_TIMING","MINOR_POPUP_DELAY","err","fetchFeatureByIdCallback","featureId","markFeatureAsViewedCallback","prev","featureIdFromQuery","_a","query","QUERY_PARAMS","FEATURE_ID","markFeatureAsViewed","refetch"],"mappings":"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"}
1	+ {"version":3,"file":"useFeatureAnnouncements.js","sources":["../../../../../src/components/feature-announcements/hooks/useFeatureAnnouncements.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport {\n\tANIMATION_TIMING,\n\tLOCAL_STORAGE_KEYS,\n\tQUERY_PARAMS,\n} from '../constants';\nimport {\n\tFeatureAnnouncement,\n\tFeatureAnnouncementRepository,\n\tRouterProps,\n} from '../types';\n\nconst useStoreId = () => {\n\tconst [storeId, setStoreId] = useState<string \| null>(null);\n\n\tuseEffect(() => {\n\t\tif (typeof window !== 'undefined') {\n\t\t\tlet storedStoreId: string \| null = null;\n\n\t\t\ttry {\n\t\t\t\tstoredStoreId =\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.STORE_ID) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.BIK_STORE_ID) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.CURRENT_STORE) \|\|\n\t\t\t\t\tlocalStorage.getItem(LOCAL_STORAGE_KEYS.STORE);\n\n\t\t\t\tif (!storedStoreId) {\n\t\t\t\t\tconst currentUser = localStorage.getItem(\n\t\t\t\t\t\tLOCAL_STORAGE_KEYS.CURRENT_USER,\n\t\t\t\t\t);\n\t\t\t\t\tif (currentUser) {\n\t\t\t\t\t\tconst parsed = JSON.parse(currentUser);\n\t\t\t\t\t\tstoredStoreId = parsed.storeId;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (!storedStoreId) {\n\t\t\t\t\tstoredStoreId = new URLSearchParams(window.location.search).get(\n\t\t\t\t\t\tLOCAL_STORAGE_KEYS.QUERY_PARAM,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\t// Failed to get store ID\n\t\t\t}\n\t\t\tsetStoreId(storedStoreId);\n\t\t}\n\t}, []);\n\n\treturn storeId;\n};\n\nexport const useFeatureAnnouncements = ({\n\tfetchVisibleFeatures,\n\tgetStoreFeatureProgress,\n\tfetchFeatureById,\n\tmarkFeatureAsViewedForStore,\n\tisFeatureApplicableToCurrentPage,\n\tmodule,\n\trouter,\n}: FeatureAnnouncementRepository & {\n\tmodule?: string;\n\trouter?: RouterProps;\n}) => {\n\tconst storeId = useStoreId();\n\tconst [features, setFeatures] = useState<FeatureAnnouncement[]>([]);\n\tconst [majorUpdateFeatures, setMajorUpdateFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [minorUpdateFeatures, setMinorUpdateFeatures] = useState<\n\t\tFeatureAnnouncement[]\n\t>([]);\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [error, setError] = useState<string \| null>(null);\n\n\tconst fetchFeatures = useCallback(async () => {\n\t\tif (!storeId) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsLoading(true);\n\t\tsetError(null);\n\n\t\ttry {\n\t\t\tconst [featuresError, allFeatures] = await fetchVisibleFeatures(module);\n\n\t\t\tif (featuresError \|\| !allFeatures) {\n\t\t\t\tsetError('Failed to fetch features');\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [progressError, userProgress] = await getStoreFeatureProgress(\n\t\t\t\tstoreId,\n\t\t\t);\n\n\t\t\tif (progressError) {\n\t\t\t\t// Progress fetch failed, treating all features as new\n\t\t\t}\n\n\t\t\tconst now = new Date();\n\t\t\tconst currentRoute =\n\t\t\t\ttypeof window !== 'undefined' ? window.location.pathname : '';\n\n\t\t\tconst isNotExpired = (feature: FeatureAnnouncement) => {\n\t\t\t\tif (!feature.expirationDate) return true;\n\t\t\t\tlet expiry: Date \| undefined;\n\t\t\t\t// Firestore timestamp object\n\t\t\t\tif (\n\t\t\t\t\ttypeof feature.expirationDate === 'object' &&\n\t\t\t\t\tfeature.expirationDate !== null &&\n\t\t\t\t\t('seconds' in feature.expirationDate \|\|\n\t\t\t\t\t\t'nanoseconds' in feature.expirationDate)\n\t\t\t\t) {\n\t\t\t\t\t// Firestore timestamp: { seconds: number, nanoseconds?: number }\n\t\t\t\t\texpiry = new Date((feature.expirationDate as any).seconds * 1000);\n\t\t\t\t} else if (typeof feature.expirationDate === 'string') {\n\t\t\t\t\t// String date\n\t\t\t\t\texpiry = new Date(feature.expirationDate);\n\t\t\t\t} else if (feature.expirationDate instanceof Date) {\n\t\t\t\t\texpiry = feature.expirationDate;\n\t\t\t\t}\n\t\t\t\tif (!expiry \|\| isNaN(expiry.getTime())) return false;\n\t\t\t\treturn now < expiry;\n\t\t\t};\n\n\t\t\tconst isOnCorrectPage = (feature: FeatureAnnouncement) => {\n\t\t\t\tif (feature.featureUpdateType === 'Major') {\n\t\t\t\t\t// Accept both array and object (Firestore array)\n\t\t\t\t\tlet urls: string[] = [];\n\t\t\t\t\tif (Array.isArray(feature.pageUrls)) {\n\t\t\t\t\t\turls = feature.pageUrls;\n\t\t\t\t\t} else if (\n\t\t\t\t\t\ttypeof feature.pageUrls === 'object' &&\n\t\t\t\t\t\tfeature.pageUrls !== null &&\n\t\t\t\t\t\t'length' in feature.pageUrls\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Firestore array\n\t\t\t\t\t\turls = Array.from(feature.pageUrls as any);\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check for exact match or dynamic route pattern match\n\t\t\t\t\treturn urls.some((url) => {\n\t\t\t\t\t\t// Exact match\n\t\t\t\t\t\tif (url === currentRoute) return true;\n\n\t\t\t\t\t\t// Dynamic route matching (e.g., /campaign/details/[broadcastId])\n\t\t\t\t\t\t// Convert Next.js route pattern to regex\n\t\t\t\t\t\tconst pattern = url\n\t\t\t\t\t\t\t.replace(/\\[([^\\]]+)\\]/g, '[^/]+') // Replace [param] with [^/]+\n\t\t\t\t\t\t\t.replace(/\\//g, '\\\\/'); // Escape forward slashes\n\n\t\t\t\t\t\tconst regex = new RegExp(`^${pattern}$`);\n\t\t\t\t\t\treturn regex.test(currentRoute);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t};\n\n\t\t\tconst unviewedFeatures = allFeatures.filter((feature) => {\n\t\t\t\tconst isViewed = userProgress?.viewedFeatures?.[feature.id] \|\| false;\n\t\t\t\tconst isArchived = feature.archived \|\| false;\n\t\t\t\tconst isApplicable = isFeatureApplicableToCurrentPage(feature);\n\t\t\t\tconst notExpired = isNotExpired(feature);\n\t\t\t\tconst onCorrectPage = isOnCorrectPage(feature);\n\n\t\t\t\tconst shouldShow =\n\t\t\t\t\t!isViewed &&\n\t\t\t\t\t!isArchived &&\n\t\t\t\t\tisApplicable &&\n\t\t\t\t\tnotExpired &&\n\t\t\t\t\tonCorrectPage;\n\n\t\t\t\treturn shouldShow;\n\t\t\t});\n\n\t\t\t// Separate major and minor updates\n\t\t\tconst majorFeatures = unviewedFeatures.filter(\n\t\t\t\t(f) => f.featureUpdateType === 'Major',\n\t\t\t);\n\t\t\tconst minorFeatures = unviewedFeatures.filter(\n\t\t\t\t(f) => f.featureUpdateType === 'Minor',\n\t\t\t);\n\n\t\t\tsetFeatures(unviewedFeatures);\n\t\t\tsetMajorUpdateFeatures(majorFeatures);\n\t\t\t// Delay minor popups by 2 seconds\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetMinorUpdateFeatures(minorFeatures);\n\t\t\t}, ANIMATION_TIMING.MINOR_POPUP_DELAY);\n\t\t} catch (err) {\n\t\t\tsetError('An unexpected error occurred');\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [\n\t\tstoreId,\n\t\tfetchVisibleFeatures,\n\t\tgetStoreFeatureProgress,\n\t\tisFeatureApplicableToCurrentPage,\n\t\tmodule,\n\t]);\n\n\tconst fetchFeatureByIdCallback = useCallback(\n\t\tasync (featureId: string) => {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\t\t\ttry {\n\t\t\t\tconst [error, feature] = await fetchFeatureById(featureId);\n\t\t\t\tif (error \|\| !feature) {\n\t\t\t\t\tsetError('Failed to fetch feature by ID');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (feature.featureUpdateType === 'Major') {\n\t\t\t\t\tsetMajorUpdateFeatures([feature]);\n\t\t\t\t} else {\n\t\t\t\t\tsetMinorUpdateFeatures([feature]);\n\t\t\t\t}\n\t\t\t\tsetFeatures([feature]);\n\t\t\t} catch (err) {\n\t\t\t\tsetError('An unexpected error occurred while fetching by ID');\n\t\t\t} finally {\n\t\t\t\tsetIsLoading(false);\n\t\t\t}\n\t\t},\n\t\t[fetchFeatureById],\n\t);\n\n\tconst markFeatureAsViewedCallback = useCallback(\n\t\tasync (featureId: string) => {\n\t\t\tif (!storeId) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [error] = await markFeatureAsViewedForStore(storeId, featureId);\n\n\t\t\tif (!error) {\n\t\t\t\tsetFeatures((prev) => prev.filter((f) => f.id !== featureId));\n\t\t\t\tsetMajorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t\tsetMinorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t// Failed to mark feature as viewed, removing from local state anyway\n\t\t\t\tsetFeatures((prev) => prev.filter((f) => f.id !== featureId));\n\t\t\t\tsetMajorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t\tsetMinorUpdateFeatures((prev) =>\n\t\t\t\t\tprev.filter((f) => f.id !== featureId),\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[storeId, markFeatureAsViewedForStore],\n\t);\n\n\tuseEffect(() => {\n\t\tconst featureIdFromQuery = router?.query?.[\n\t\t\tQUERY_PARAMS.FEATURE_ID\n\t\t] as string;\n\n\t\t// In test mode with featureId, ONLY fetch that specific feature\n\t\tif (featureIdFromQuery && router) {\n\t\t\tfetchFeatureByIdCallback(featureIdFromQuery);\n\t\t\treturn; // Don't run fetchFeatures\n\t\t}\n\n\t\t// Normal mode: fetch all features\n\t\tfetchFeatures();\n\t}, [\n\t\trouter?.pathname,\n\t\trouter?.query?.[QUERY_PARAMS.FEATURE_ID],\n\t\tstoreId,\n\t\tfetchFeatures,\n\t\tfetchFeatureByIdCallback,\n\t\trouter,\n\t]);\n\n\treturn {\n\t\tfeatures,\n\t\tmajorUpdateFeatures,\n\t\tminorUpdateFeatures,\n\t\tisLoading,\n\t\terror,\n\t\tmarkFeatureAsViewed: markFeatureAsViewedCallback,\n\t\trefetch: fetchFeatures,\n\t};\n};\n"],"names":["_ref","fetchVisibleFeatures","getStoreFeatureProgress","fetchFeatureById","markFeatureAsViewedForStore","isFeatureApplicableToCurrentPage","module","router","storeId","useStoreId","setStoreId","useState","useEffect","window","storedStoreId","localStorage","getItem","LOCAL_STORAGE_KEYS","STORE_ID","BIK_STORE_ID","CURRENT_STORE","STORE","currentUser","CURRENT_USER","JSON","parse","URLSearchParams","location","search","get","QUERY_PARAM","e","features","setFeatures","majorUpdateFeatures","setMajorUpdateFeatures","minorUpdateFeatures","setMinorUpdateFeatures","isLoading","setIsLoading","error","setError","fetchFeatures","useCallback","__awaiter","featuresError","allFeatures","progressError","userProgress","now","Date","currentRoute","pathname","isNotExpired","feature","expirationDate","expiry","seconds","isNaN","getTime","isOnCorrectPage","featureUpdateType","urls","Array","isArray","pageUrls","from","some","url","pattern","replace","RegExp","test","unviewedFeatures","filter","isViewed","viewedFeatures","id","isArchived","archived","isApplicable","notExpired","onCorrectPage","majorFeatures","f","minorFeatures","setTimeout","ANIMATION_TIMING","MINOR_POPUP_DELAY","err","fetchFeatureByIdCallback","featureId","markFeatureAsViewedCallback","prev","featureIdFromQuery","_a","query","QUERY_PARAMS","FEATURE_ID","markFeatureAsViewed","refetch"],"mappings":"0PAmDuCA,IAWlC,IAXmCC,qBACvCA,EAAoBC,wBACpBA,EAAuBC,iBACvBA,EAAgBC,4BAChBA,EAA2BC,iCAC3BA,EAAgCC,OAChCA,EAAMC,OACNA,GAIAP,QACA,MAAMQ,EAnDYC,MAClB,MAAOD,EAASE,GAAcC,EAAQA,SAAgB,MAmCtD,OAjCAC,EAAAA,WAAU,KACT,GAAsB,oBAAXC,OAAwB,CAClC,IAAIC,EAA+B,KAEnC,IAOC,GANAA,EACCC,aAAaC,QAAQC,EAAkBA,mBAACC,WACxCH,aAAaC,QAAQC,qBAAmBE,eACxCJ,aAAaC,QAAQC,EAAAA,mBAAmBG,gBACxCL,aAAaC,QAAQC,qBAAmBI,QAEpCP,EAAe,CACnB,MAAMQ,EAAcP,aAAaC,QAChCC,EAAkBA,mBAACM,cAEhBD,IAEHR,EADeU,KAAKC,MAAMH,GACHd,QAExB,CAEIM,IACJA,EAAgB,IAAIY,gBAAgBb,OAAOc,SAASC,QAAQC,IAC3DZ,qBAAmBa,aAGrB,CAAC,MAAOC,GACR,CAEDrB,EAAWI,EACX,IACC,IAEIN,CAAO,EAeEC,IACTuB,EAAUC,GAAetB,EAAQA,SAAwB,KACzDuB,EAAqBC,GAA0BxB,EAAQA,SAE5D,KACKyB,EAAqBC,GAA0B1B,EAAQA,SAE5D,KACK2B,EAAWC,GAAgB5B,EAAQA,UAAC,IACpC6B,EAAOC,GAAY9B,EAAQA,SAAgB,MAE5C+B,EAAgBC,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC5C,GAAKpC,EAAL,CAIA+B,GAAa,GACbE,EAAS,MAET,IACC,MAAOI,EAAeC,SAAqB7C,EAAqBK,GAEhE,GAAIuC,IAAkBC,EAErB,YADAL,EAAS,4BAIV,MAAOM,EAAeC,SAAsB9C,EAC3CM,GAOKyC,EAAM,IAAIC,KACVC,EACa,oBAAXtC,OAAyBA,OAAOc,SAASyB,SAAW,GAEtDC,EAAgBC,IACrB,IAAKA,EAAQC,eAAgB,OAAO,EACpC,IAAIC,EAgBJ,MAbmC,iBAA3BF,EAAQC,gBACY,OAA3BD,EAAQC,iBACP,YAAaD,EAAQC,gBACrB,gBAAiBD,EAAQC,gBAG1BC,EAAS,IAAIN,KAA+C,IAAzCI,EAAQC,eAAuBE,SACN,iBAA3BH,EAAQC,eAEzBC,EAAS,IAAIN,KAAKI,EAAQC,gBAChBD,EAAQC,0BAA0BL,OAC5CM,EAASF,EAAQC,mBAEbC,GAAUE,MAAMF,EAAOG,aACrBV,EAAMO,CAAM,EAGdI,EAAmBN,IACxB,GAAkC,UAA9BA,EAAQO,kBAA+B,CAE1C,IAAIC,EAAiB,GAarB,OAZIC,MAAMC,QAAQV,EAAQW,UACzBH,EAAOR,EAAQW,SAEa,iBAArBX,EAAQW,UACM,OAArBX,EAAQW,UACR,WAAYX,EAAQW,WAGpBH,EAAOC,MAAMG,KAAKZ,EAAQW,WAIpBH,EAAKK,MAAMC,IAEjB,GAAIA,IAAQjB,EAAc,OAAO,EAIjC,MAAMkB,EAAUD,EACdE,QAAQ,gBAAiB,SACzBA,QAAQ,MAAO,OAGjB,OADc,IAAIC,OAAW,IAAAF,MAChBG,KAAKrB,EAAa,GAEhC,CACD,OAAO,CAAI,EAGNsB,EAAmB3B,EAAY4B,QAAQpB,UAC5C,MAAMqB,aAAW3B,aAAA,EAAAA,EAAc4B,qCAAiBtB,EAAQuB,OAAO,EACzDC,EAAaxB,EAAQyB,WAAY,EACjCC,EAAe3E,EAAiCiD,GAChD2B,EAAa5B,EAAaC,GAC1B4B,EAAgBtB,EAAgBN,GAStC,OANEqB,IACAG,GACDE,GACAC,GACAC,CAEgB,IAIZC,EAAgBV,EAAiBC,QACrCU,GAA8B,UAAxBA,EAAEvB,oBAEJwB,EAAgBZ,EAAiBC,QACrCU,GAA8B,UAAxBA,EAAEvB,oBAGV5B,EAAYwC,GACZtC,EAAuBgD,GAEvBG,YAAW,KACVjD,EAAuBgD,EAAc,GACnCE,EAAAA,iBAAiBC,kBACpB,CAAC,MAAOC,GACRhD,EAAS,+BACT,CAAS,QACTF,GAAa,EACb,CAnHA,CAoHF,KAAG,CACF/B,EACAP,EACAC,EACAG,EACAC,IAGKoF,EAA2B/C,eACzBgD,GAAqB/C,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3BL,GAAa,GACbE,EAAS,MACT,IACC,MAAOD,EAAOc,SAAiBnD,EAAiBwF,GAChD,GAAInD,IAAUc,EAEb,YADAb,EAAS,iCAIwB,UAA9Ba,EAAQO,kBACX1B,EAAuB,CAACmB,IAExBjB,EAAuB,CAACiB,IAEzBrB,EAAY,CAACqB,GACb,CAAC,MAAOmC,GACRhD,EAAS,oDACT,CAAS,QACTF,GAAa,EACb,CACF,KACA,CAACpC,IAGIyF,EAA8BjD,eAC5BgD,GAAqB/C,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3B,IAAKpC,EACJ,OAGD,MAAOgC,SAAepC,EAA4BI,EAASmF,GAY1D1D,GAAa4D,GAASA,EAAKnB,QAAQU,GAAMA,EAAEP,KAAOc,MAClDxD,GAAwB0D,GACvBA,EAAKnB,QAAQU,GAAMA,EAAEP,KAAOc,MAE7BtD,GAAwBwD,GACvBA,EAAKnB,QAAQU,GAAMA,EAAEP,KAAOc,KAG9B,KACD,CAACnF,EAASJ,IAyBX,OAtBAQ,EAAAA,WAAU,WACT,MAAMkF,EACL,QAD0BC,EAAAxF,aAAM,EAANA,EAAQyF,aAClC,IAAAD,OAAA,EAAAA,EAAAE,eAAaC,YAIVJ,GAAsBvF,EACzBmF,EAAyBI,GAK1BpD,GAAe,GACb,CACFnC,aAAA,EAAAA,EAAQ6C,SACQ,QAAhB2C,EAAAxF,aAAA,EAAAA,EAAQyF,aAAQ,IAAAD,OAAA,EAAAA,EAAAE,EAAAA,aAAaC,YAC7B1F,EACAkC,EACAgD,EACAnF,IAGM,CACNyB,WACAE,sBACAE,sBACAE,YACAE,QACA2D,oBAAqBP,EACrBQ,QAAS1D,EACT"}

package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../constants/Theme.js"),e=require("../constants/animations.js"),n=require("../constants/dimensions.js");const o=(t="16:9")=>n.POPUP_DIMENSIONS.MAJOR.imageWidth[t]||n.POPUP_DIMENSIONS.MAJOR.imageWidth["16:9"],i=(t,e)=>Object.assign(Object.assign(Object.assign(Object.assign({},t),(null==e?void 0:e.textColor)&&{color:e.textColor}),(null==e?void 0:e.backgroundColor)&&{backgroundColor:e.backgroundColor}),(null==e?void 0:e.borderColor)&&{borderColor:e.borderColor});exports.getMajorPopupStyles=(r,a,l="16:9",O=n.SPACING.MAJOR.containerPadding,I,N)=>{const S=o(l),d=((t="16:9")=>{const e=o(t);let i;switch(t){case"16:9":i=Math.round(e*(9/16));break;case"1:1":i=e;break;case"4:3":i=Math.round(e*(3/4));break;default:i=n.DESIGN_DIMENSIONS.IMAGE_HEIGHT}return Math.min(i,224)})(l),s=parseInt(O,10)||16,T=s+S+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s,g=d+2*s;return{outerWrapper:{width:`${s+o("16:9")+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s}px`,display:"flex",justifyContent:"flex-end",background:"transparent"},container:{width:`${T}px`,height:"auto",minHeight:`${g}px`,display:"flex",flexDirection:"column",backgroundColor:n.DESIGN_COLORS.BACKGROUND.SURFACE,borderRadius:n.BORDER_RADIUS.POPUP,overflow:"hidden",position:"relative",padding:O,transform:r?a:"scale(1)",opacity:r?0:1,transition:e.POPUP_TRANSITION,boxSizing:"border-box"},headerContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.headerMarginBottom,position:"relative"},contentWrapper:{display:"flex",flex:1,gap:n.SPACING.MAJOR.contentGap},skipButton:{base:{background:"transparent",border:"none",color:n.DESIGN_COLORS.TEXT.TERTIARY,fontSize:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontWeight,cursor:"pointer",padding:n.SPACING.MAJOR.skipButtonPadding,borderRadius:n.BORDER_RADIUS.BUTTON,fontFamily:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.lineHeight},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)",color:t.BASE_COLORS.grayscale[700]}},imageContainer:{backgroundColor:n.DESIGN_COLORS.BACKGROUND.IMAGE,width:`${S}px`,height:`${d}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,overflow:"hidden",flexShrink:0},image:{width:"100%",height:"100%",objectFit:"cover"},imagePlaceholder:{color:t.BASE_COLORS.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.BASE_COLORS.grayscale[800]},videoOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,transition:"opacity 0.2s"},playIcon:{width:"84px",height:"84px",color:"#060606ff"},contentContainer:{flex:"1 0 auto",width:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,minWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,maxWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,display:"flex",flexDirection:"column",justifyContent:"flex-start",background:"transparent",gap:n.SPACING.MAJOR.listGap},skipButtonContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.skipButtonContainerMargin},title:{fontSize:n.DESIGN_TYPOGRAPHY.TITLE.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.TITLE.fontWeight,marginBottom:n.SPACING.MAJOR.titleBottom,padding:0,color:n.DESIGN_COLORS.TEXT.PRIMARY,lineHeight:n.DESIGN_TYPOGRAPHY.TITLE.lineHeight,textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",fontFamily:n.DESIGN_TYPOGRAPHY.TITLE.fontFamily},content:{fontSize:n.DESIGN_TYPOGRAPHY.CONTENT.fontSize,lineHeight:n.DESIGN_TYPOGRAPHY.CONTENT.lineHeight,color:n.DESIGN_COLORS.TEXT.SECONDARY,textAlign:"left",marginBottom:"auto",fontFamily:n.DESIGN_TYPOGRAPHY.CONTENT.fontFamily,fontWeight:n.DESIGN_TYPOGRAPHY.CONTENT.fontWeight},actionsWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"auto",gap:"8px",flexWrap:"nowrap"},buttonsGroup:{display:"flex",alignItems:"center",gap:n.SPACING.MAJOR.listGap},exploreButton:{base:i({backgroundColor:"transparent",border:`1px solid ${n.DESIGN_COLORS.BUTTON.PRIMARY_BORDER}`,color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight},I),hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}},secondaryButton:{base:i({backgroundColor:"transparent",color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,border:"none",boxShadow:"none",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight,transition:"none"},N),hover:{backgroundColor:(null==N?void 0:N.backgroundColor)?`${N.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{display:"flex",gap:n.SPACING.MAJOR.navigationGap,alignItems:"center"},navigationButton:t=>({base:{width:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,height:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,backgroundColor:"transparent",border:"none",color:t?n.DESIGN_COLORS.ICON.DISABLED:n.DESIGN_COLORS.ICON.ENABLED,fontSize:"16px",cursor:t?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,padding:0},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../constants/Theme.js"),e=require("../constants/animations.js"),n=require("../constants/dimensions.js");const o=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";return n.POPUP_DIMENSIONS.MAJOR.imageWidth[t]||n.POPUP_DIMENSIONS.MAJOR.imageWidth["16:9"]},i=(t,e)=>Object.assign(Object.assign(Object.assign(Object.assign({},t),(null==e?void 0:e.textColor)&&{color:e.textColor}),(null==e?void 0:e.backgroundColor)&&{backgroundColor:e.backgroundColor}),(null==e?void 0:e.borderColor)&&{borderColor:e.borderColor});exports.getMajorPopupStyles=function(r,a){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"16:9",O=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n.SPACING.MAJOR.containerPadding,I=arguments.length>4?arguments[4]:void 0,d=arguments.length>5?arguments[5]:void 0;const N=o(l),S=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"16:9";const e=o(t);let i;switch(t){case"16:9":i=Math.round(e*(9/16));break;case"1:1":i=e;break;case"4:3":i=Math.round(e*(3/4));break;default:i=n.DESIGN_DIMENSIONS.IMAGE_HEIGHT}return Math.min(i,224)}(l),s=parseInt(O,10)||16,g=s+N+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s,T=S+2*s;return{outerWrapper:{width:`${s+o("16:9")+parseInt(n.SPACING.MAJOR.contentGap,10)+n.POPUP_DIMENSIONS.MAJOR.textAreaWidth+s}px`,display:"flex",justifyContent:"flex-end",background:"transparent"},container:{width:`${g}px`,height:"auto",minHeight:`${T}px`,display:"flex",flexDirection:"column",backgroundColor:n.DESIGN_COLORS.BACKGROUND.SURFACE,borderRadius:n.BORDER_RADIUS.POPUP,overflow:"hidden",position:"relative",padding:O,transform:r?a:"scale(1)",opacity:r?0:1,transition:e.POPUP_TRANSITION,boxSizing:"border-box"},headerContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.headerMarginBottom,position:"relative"},contentWrapper:{display:"flex",flex:1,gap:n.SPACING.MAJOR.contentGap},skipButton:{base:{background:"transparent",border:"none",color:n.DESIGN_COLORS.TEXT.TERTIARY,fontSize:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontWeight,cursor:"pointer",padding:n.SPACING.MAJOR.skipButtonPadding,borderRadius:n.BORDER_RADIUS.BUTTON,fontFamily:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.SKIP_BUTTON.lineHeight},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)",color:t.BASE_COLORS.grayscale[700]}},imageContainer:{backgroundColor:n.DESIGN_COLORS.BACKGROUND.IMAGE,width:`${N}px`,height:`${S}px`,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,overflow:"hidden",flexShrink:0},image:{width:"100%",height:"100%",objectFit:"cover"},imagePlaceholder:{color:t.BASE_COLORS.grayscale[500],fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t.BASE_COLORS.grayscale[800]},videoOverlay:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,transition:"opacity 0.2s"},playIcon:{width:"84px",height:"84px",color:"#060606ff"},contentContainer:{flex:"1 0 auto",width:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,minWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,maxWidth:`${n.POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,display:"flex",flexDirection:"column",justifyContent:"flex-start",background:"transparent",gap:n.SPACING.MAJOR.listGap},skipButtonContainer:{width:"100%",display:"flex",justifyContent:"flex-end",marginBottom:n.SPACING.MAJOR.skipButtonContainerMargin},title:{fontSize:n.DESIGN_TYPOGRAPHY.TITLE.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.TITLE.fontWeight,marginBottom:n.SPACING.MAJOR.titleBottom,padding:0,color:n.DESIGN_COLORS.TEXT.PRIMARY,lineHeight:n.DESIGN_TYPOGRAPHY.TITLE.lineHeight,textAlign:"left",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",fontFamily:n.DESIGN_TYPOGRAPHY.TITLE.fontFamily},content:{fontSize:n.DESIGN_TYPOGRAPHY.CONTENT.fontSize,lineHeight:n.DESIGN_TYPOGRAPHY.CONTENT.lineHeight,color:n.DESIGN_COLORS.TEXT.SECONDARY,textAlign:"left",marginBottom:"auto",fontFamily:n.DESIGN_TYPOGRAPHY.CONTENT.fontFamily,fontWeight:n.DESIGN_TYPOGRAPHY.CONTENT.fontWeight},actionsWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"auto",gap:"8px",flexWrap:"nowrap"},buttonsGroup:{display:"flex",alignItems:"center",gap:n.SPACING.MAJOR.listGap},exploreButton:{base:i({backgroundColor:"transparent",border:`1px solid ${n.DESIGN_COLORS.BUTTON.PRIMARY_BORDER}`,color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight},I),hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}},secondaryButton:{base:i({backgroundColor:"transparent",color:n.DESIGN_COLORS.BUTTON.PRIMARY_TEXT,borderRadius:n.BORDER_RADIUS.BUTTON,fontSize:n.DESIGN_TYPOGRAPHY.BUTTON.fontSize,fontWeight:n.DESIGN_TYPOGRAPHY.BUTTON.fontWeight,cursor:"pointer",padding:`0 ${n.DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,height:`${n.DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,border:"none",boxShadow:"none",textAlign:"center",minWidth:"auto",textDecoration:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",fontFamily:n.DESIGN_TYPOGRAPHY.BUTTON.fontFamily,lineHeight:n.DESIGN_TYPOGRAPHY.BUTTON.lineHeight,transition:"none"},d),hover:{backgroundColor:(null==d?void 0:d.backgroundColor)?`${d.backgroundColor}cc`:"rgba(254, 192, 45, 0.1)"}},navigationContainer:{display:"flex",gap:n.SPACING.MAJOR.navigationGap,alignItems:"center"},navigationButton:t=>({base:{width:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,height:`${n.DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,backgroundColor:"transparent",border:"none",color:t?n.DESIGN_COLORS.ICON.DISABLED:n.DESIGN_COLORS.ICON.ENABLED,fontSize:"16px",cursor:t?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:n.BORDER_RADIUS.BUTTON,padding:0},hover:{backgroundColor:"rgba(255, 255, 255, 0.10)"}})}};
 //# sourceMappingURL=majorPopup.styles.js.map

package/dist/cjs/components/feature-announcements/styles/majorPopup.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"majorPopup.styles.js","sources":["../../../../../src/components/feature-announcements/styles/majorPopup.styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BASE_COLORS } from '../../../constants/Theme';\nimport {\n\tBORDER_RADIUS,\n\tDESIGN_COLORS,\n\tDESIGN_DIMENSIONS,\n\tDESIGN_TYPOGRAPHY,\n\tPOPUP_DIMENSIONS,\n\tSPACING,\n} from '../constants';\nimport { POPUP_TRANSITION } from '../constants/animations';\nimport { ButtonStyle } from '../types/feature.types';\n\n// Helper to get image width based on ratio\nconst getImageWidth = (ratio: '16:9' \| '1:1' \| '4:3' = '16:9') => {\n\treturn (\n\t\tPOPUP_DIMENSIONS.MAJOR.imageWidth[ratio] \|\|\n\t\tPOPUP_DIMENSIONS.MAJOR.imageWidth['16:9']\n\t);\n};\n\n// Helper to get image height based on ratio and width (max 224px)\nconst MAX_IMAGE_HEIGHT = 224;\n\nconst getImageHeight = (ratio: '16:9' \| '1:1' \| '4:3' = '16:9') => {\n\tconst width = getImageWidth(ratio);\n\tlet height: number;\n\n\tswitch (ratio) {\n\t\tcase '16:9':\n\t\t\theight = Math.round(width * (9 / 16)); // 398 * 9/16 = 224\n\t\t\tbreak;\n\t\tcase '1:1':\n\t\t\theight = width; // Same as width for square\n\t\t\tbreak;\n\t\tcase '4:3':\n\t\t\theight = Math.round(width * (3 / 4)); // 299 * 3/4 = 224\n\t\t\tbreak;\n\t\tdefault:\n\t\t\theight = DESIGN_DIMENSIONS.IMAGE_HEIGHT;\n\t}\n\n\treturn Math.min(height, MAX_IMAGE_HEIGHT);\n};\n\nconst applyButtonStyle = (\n\tbaseStyle: CSSProperties,\n\tcustomStyle?: ButtonStyle,\n): CSSProperties => {\n\treturn {\n\t\t...baseStyle,\n\t\t...(customStyle?.textColor && { color: customStyle.textColor }),\n\t\t...(customStyle?.backgroundColor && {\n\t\t\tbackgroundColor: customStyle.backgroundColor,\n\t\t}),\n\t\t...(customStyle?.borderColor && {\n\t\t\tborderColor: customStyle.borderColor,\n\t\t}),\n\t};\n};\n\nexport const getMajorPopupStyles = (\n\tstartAnimation: boolean,\n\ttransform: string,\n\tratio: '16:9' \| '1:1' \| '4:3' = '16:9',\n\tpadding: string = SPACING.MAJOR.containerPadding,\n\tprimaryButtonStyle?: ButtonStyle,\n\tsecondaryButtonStyle?: ButtonStyle,\n) => {\n\tconst currentImageWidth = getImageWidth(ratio);\n\tconst currentImageHeight = getImageHeight(ratio);\n\tconst paddingValue = parseInt(padding, 10) \|\| 16;\n\n\t// Calculate the actual popup width based on current aspect ratio\n\tconst totalWidth =\n\t\tpaddingValue +\n\t\tcurrentImageWidth +\n\t\tparseInt(SPACING.MAJOR.contentGap, 10) +\n\t\tPOPUP_DIMENSIONS.MAJOR.textAreaWidth +\n\t\tpaddingValue;\n\tconst totalHeight = currentImageHeight + paddingValue * 2;\n\n\t// Fixed width based on 16:9 for consistent joyride positioning\n\tconst maxImageWidth = getImageWidth('16:9');\n\tconst outerWrapperWidth =\n\t\tpaddingValue +\n\t\tmaxImageWidth +\n\t\tparseInt(SPACING.MAJOR.contentGap, 10) +\n\t\tPOPUP_DIMENSIONS.MAJOR.textAreaWidth +\n\t\tpaddingValue;\n\n\treturn {\n\t\t// Outer wrapper with fixed width for consistent joyride positioning\n\t\touterWrapper: {\n\t\t\twidth: `${outerWrapperWidth}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tbackground: 'transparent',\n\t\t} as CSSProperties,\n\n\t\tcontainer: {\n\t\t\twidth: `${totalWidth}px`,\n\t\t\theight: 'auto',\n\t\t\tminHeight: `${totalHeight}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tbackgroundColor: DESIGN_COLORS.BACKGROUND.SURFACE,\n\t\t\tborderRadius: BORDER_RADIUS.POPUP,\n\t\t\toverflow: 'hidden',\n\t\t\tposition: 'relative',\n\t\t\tpadding: padding,\n\t\t\ttransform: startAnimation ? transform : 'scale(1)',\n\t\t\topacity: startAnimation ? 0 : 1,\n\t\t\ttransition: POPUP_TRANSITION,\n\t\t\tboxSizing: 'border-box',\n\t\t} as CSSProperties,\n\n\t\theaderContainer: {\n\t\t\twidth: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tmarginBottom: SPACING.MAJOR.headerMarginBottom,\n\t\t\tposition: 'relative',\n\t\t} as CSSProperties,\n\n\t\tcontentWrapper: {\n\t\t\tdisplay: 'flex',\n\t\t\tflex: 1,\n\t\t\tgap: SPACING.MAJOR.contentGap,\n\t\t} as CSSProperties,\n\n\t\tskipButton: {\n\t\t\tbase: {\n\t\t\t\tbackground: 'transparent',\n\t\t\t\tborder: 'none',\n\t\t\t\tcolor: DESIGN_COLORS.TEXT.TERTIARY,\n\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontSize,\n\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontWeight,\n\t\t\t\tcursor: 'pointer',\n\t\t\t\tpadding: SPACING.MAJOR.skipButtonPadding,\n\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontFamily,\n\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.SKIP_BUTTON.lineHeight,\n\t\t\t} as CSSProperties,\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t\tcolor: BASE_COLORS.grayscale[700],\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\timageContainer: {\n\t\t\tbackgroundColor: DESIGN_COLORS.BACKGROUND.IMAGE,\n\t\t\twidth: `${currentImageWidth}px`,\n\t\t\theight: `${currentImageHeight}px`,\n\t\t\tposition: 'relative',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\toverflow: 'hidden',\n\t\t\tflexShrink: 0,\n\t\t} as CSSProperties,\n\t\timage: {\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tobjectFit: 'cover',\n\t\t} as CSSProperties,\n\n\t\timagePlaceholder: {\n\t\t\tcolor: BASE_COLORS.grayscale[500],\n\t\t\tfontSize: '14px',\n\t\t\ttextAlign: 'center',\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tbackgroundColor: BASE_COLORS.grayscale[800],\n\t\t} as CSSProperties,\n\n\t\tvideoOverlay: {\n\t\t\tposition: 'absolute',\n\t\t\ttop: 0,\n\t\t\tleft: 0,\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tbackgroundColor: 'rgba(0,0,0,0.4)',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tcursor: 'pointer',\n\t\t\tzIndex: 10,\n\t\t\ttransition: 'opacity 0.2s',\n\t\t} as CSSProperties,\n\n\t\tplayIcon: {\n\t\t\twidth: '84px',\n\t\t\theight: '84px',\n\t\t\tcolor: '#060606ff',\n\t\t} as CSSProperties,\n\n\t\tcontentContainer: {\n\t\t\tflex: '1 0 auto',\n\t\t\twidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tminWidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tmaxWidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tjustifyContent: 'flex-start',\n\t\t\tbackground: 'transparent',\n\t\t\tgap: SPACING.MAJOR.listGap,\n\t\t} as CSSProperties,\n\n\t\tskipButtonContainer: {\n\t\t\twidth: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tmarginBottom: SPACING.MAJOR.skipButtonContainerMargin,\n\t\t} as CSSProperties,\n\n\t\ttitle: {\n\t\t\tfontSize: DESIGN_TYPOGRAPHY.TITLE.fontSize,\n\t\t\tfontWeight: DESIGN_TYPOGRAPHY.TITLE.fontWeight,\n\t\t\tmarginBottom: SPACING.MAJOR.titleBottom,\n\t\t\tpadding: 0,\n\t\t\tcolor: DESIGN_COLORS.TEXT.PRIMARY,\n\t\t\tlineHeight: DESIGN_TYPOGRAPHY.TITLE.lineHeight,\n\t\t\ttextAlign: 'left',\n\t\t\tdisplay: '-webkit-box',\n\t\t\tWebkitLineClamp: 2,\n\t\t\tWebkitBoxOrient: 'vertical',\n\t\t\toverflow: 'hidden',\n\t\t\tfontFamily: DESIGN_TYPOGRAPHY.TITLE.fontFamily,\n\t\t} as CSSProperties,\n\n\t\tcontent: {\n\t\t\tfontSize: DESIGN_TYPOGRAPHY.CONTENT.fontSize,\n\t\t\tlineHeight: DESIGN_TYPOGRAPHY.CONTENT.lineHeight,\n\t\t\tcolor: DESIGN_COLORS.TEXT.SECONDARY,\n\t\t\ttextAlign: 'left',\n\t\t\tmarginBottom: 'auto',\n\t\t\tfontFamily: DESIGN_TYPOGRAPHY.CONTENT.fontFamily,\n\t\t\tfontWeight: DESIGN_TYPOGRAPHY.CONTENT.fontWeight,\n\t\t} as CSSProperties,\n\n\t\tactionsWrapper: {\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'space-between',\n\t\t\tmarginTop: 'auto',\n\t\t\tgap: '8px',\n\t\t\tflexWrap: 'nowrap',\n\t\t} as CSSProperties,\n\n\t\tbuttonsGroup: {\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tgap: SPACING.MAJOR.listGap,\n\t\t} as CSSProperties,\n\n\t\texploreButton: {\n\t\t\tbase: applyButtonStyle(\n\t\t\t\t{\n\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\tborder: `1px solid ${DESIGN_COLORS.BUTTON.PRIMARY_BORDER}`,\n\t\t\t\t\tcolor: DESIGN_COLORS.BUTTON.PRIMARY_TEXT,\n\t\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.BUTTON.fontSize,\n\t\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.BUTTON.fontWeight,\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tpadding: `0 ${DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,\n\t\t\t\t\theight: `${DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,\n\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tminWidth: 'auto',\n\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.BUTTON.fontFamily,\n\t\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.BUTTON.lineHeight,\n\t\t\t\t} as CSSProperties,\n\t\t\t\tprimaryButtonStyle,\n\t\t\t),\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\tsecondaryButton: {\n\t\t\tbase: applyButtonStyle(\n\t\t\t\t{\n\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\tcolor: DESIGN_COLORS.BUTTON.PRIMARY_TEXT,\n\t\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.BUTTON.fontSize,\n\t\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.BUTTON.fontWeight,\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tpadding: `0 ${DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,\n\t\t\t\t\theight: `${DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,\n\t\t\t\t\tborder: 'none',\n\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tminWidth: 'auto',\n\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.BUTTON.fontFamily,\n\t\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.BUTTON.lineHeight,\n\t\t\t\t\ttransition: 'none', // Disable transition\n\t\t\t\t} as CSSProperties,\n\t\t\t\tsecondaryButtonStyle,\n\t\t\t),\n\t\t\thover: {\n\t\t\t\tbackgroundColor: secondaryButtonStyle?.backgroundColor\n\t\t\t\t\t? `${secondaryButtonStyle.backgroundColor}cc`\n\t\t\t\t\t: 'rgba(254, 192, 45, 0.1)',\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\tnavigationContainer: {\n\t\t\tdisplay: 'flex',\n\t\t\tgap: SPACING.MAJOR.navigationGap,\n\t\t\talignItems: 'center',\n\t\t} as CSSProperties,\n\n\t\tnavigationButton: (disabled: boolean) => ({\n\t\t\tbase: {\n\t\t\t\twidth: `${DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,\n\t\t\t\theight: `${DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,\n\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\tborder: 'none',\n\t\t\t\tcolor: disabled\n\t\t\t\t\t? DESIGN_COLORS.ICON.DISABLED\n\t\t\t\t\t: DESIGN_COLORS.ICON.ENABLED,\n\t\t\t\tfontSize: '16px',\n\t\t\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\n\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\tpadding: 0,\n\t\t\t} as CSSProperties,\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t} as CSSProperties,\n\t\t}),\n\t};\n};\n"],"names":["getImageWidth","ratio","POPUP_DIMENSIONS","MAJOR","imageWidth","applyButtonStyle","baseStyle","customStyle","Object","assign","textColor","color","backgroundColor","borderColor","getMajorPopupStyles","startAnimation","transform","padding","SPACING","containerPadding","primaryButtonStyle","secondaryButtonStyle","currentImageWidth","currentImageHeight","getImageHeight","width","height","Math","round","DESIGN_DIMENSIONS","IMAGE_HEIGHT","min","paddingValue","parseInt","totalWidth","contentGap","textAreaWidth","totalHeight","outerWrapper","display","justifyContent","background","container","minHeight","flexDirection","DESIGN_COLORS","BACKGROUND","SURFACE","borderRadius","BORDER_RADIUS","POPUP","overflow","position","opacity","transition","POPUP_TRANSITION","boxSizing","headerContainer","marginBottom","headerMarginBottom","contentWrapper","flex","gap","skipButton","base","border","TEXT","TERTIARY","fontSize","DESIGN_TYPOGRAPHY","SKIP_BUTTON","fontWeight","cursor","skipButtonPadding","BUTTON","fontFamily","lineHeight","hover","BASE_COLORS","grayscale","imageContainer","IMAGE","alignItems","flexShrink","image","objectFit","imagePlaceholder","textAlign","videoOverlay","top","left","zIndex","playIcon","contentContainer","minWidth","maxWidth","listGap","skipButtonContainer","skipButtonContainerMargin","title","TITLE","titleBottom","PRIMARY","WebkitLineClamp","WebkitBoxOrient","content","CONTENT","SECONDARY","actionsWrapper","marginTop","flexWrap","buttonsGroup","exploreButton","PRIMARY_BORDER","PRIMARY_TEXT","BUTTON_PADDING_HORIZONTAL","BUTTON_HEIGHT","textDecoration","secondaryButton","boxShadow","navigationContainer","navigationGap","navigationButton","disabled","NAVIGATION_BUTTON_SIZE","ICON","DISABLED","ENABLED"],"mappings":"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"}
1	+ {"version":3,"file":"majorPopup.styles.js","sources":["../../../../../src/components/feature-announcements/styles/majorPopup.styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BASE_COLORS } from '../../../constants/Theme';\nimport {\n\tBORDER_RADIUS,\n\tDESIGN_COLORS,\n\tDESIGN_DIMENSIONS,\n\tDESIGN_TYPOGRAPHY,\n\tPOPUP_DIMENSIONS,\n\tSPACING,\n} from '../constants';\nimport { POPUP_TRANSITION } from '../constants/animations';\nimport { ButtonStyle } from '../types/feature.types';\n\n// Helper to get image width based on ratio\nconst getImageWidth = (ratio: '16:9' \| '1:1' \| '4:3' = '16:9') => {\n\treturn (\n\t\tPOPUP_DIMENSIONS.MAJOR.imageWidth[ratio] \|\|\n\t\tPOPUP_DIMENSIONS.MAJOR.imageWidth['16:9']\n\t);\n};\n\n// Helper to get image height based on ratio and width (max 224px)\nconst MAX_IMAGE_HEIGHT = 224;\n\nconst getImageHeight = (ratio: '16:9' \| '1:1' \| '4:3' = '16:9') => {\n\tconst width = getImageWidth(ratio);\n\tlet height: number;\n\n\tswitch (ratio) {\n\t\tcase '16:9':\n\t\t\theight = Math.round(width * (9 / 16)); // 398 * 9/16 = 224\n\t\t\tbreak;\n\t\tcase '1:1':\n\t\t\theight = width; // Same as width for square\n\t\t\tbreak;\n\t\tcase '4:3':\n\t\t\theight = Math.round(width * (3 / 4)); // 299 * 3/4 = 224\n\t\t\tbreak;\n\t\tdefault:\n\t\t\theight = DESIGN_DIMENSIONS.IMAGE_HEIGHT;\n\t}\n\n\treturn Math.min(height, MAX_IMAGE_HEIGHT);\n};\n\nconst applyButtonStyle = (\n\tbaseStyle: CSSProperties,\n\tcustomStyle?: ButtonStyle,\n): CSSProperties => {\n\treturn {\n\t\t...baseStyle,\n\t\t...(customStyle?.textColor && { color: customStyle.textColor }),\n\t\t...(customStyle?.backgroundColor && {\n\t\t\tbackgroundColor: customStyle.backgroundColor,\n\t\t}),\n\t\t...(customStyle?.borderColor && {\n\t\t\tborderColor: customStyle.borderColor,\n\t\t}),\n\t};\n};\n\nexport const getMajorPopupStyles = (\n\tstartAnimation: boolean,\n\ttransform: string,\n\tratio: '16:9' \| '1:1' \| '4:3' = '16:9',\n\tpadding: string = SPACING.MAJOR.containerPadding,\n\tprimaryButtonStyle?: ButtonStyle,\n\tsecondaryButtonStyle?: ButtonStyle,\n) => {\n\tconst currentImageWidth = getImageWidth(ratio);\n\tconst currentImageHeight = getImageHeight(ratio);\n\tconst paddingValue = parseInt(padding, 10) \|\| 16;\n\n\t// Calculate the actual popup width based on current aspect ratio\n\tconst totalWidth =\n\t\tpaddingValue +\n\t\tcurrentImageWidth +\n\t\tparseInt(SPACING.MAJOR.contentGap, 10) +\n\t\tPOPUP_DIMENSIONS.MAJOR.textAreaWidth +\n\t\tpaddingValue;\n\tconst totalHeight = currentImageHeight + paddingValue * 2;\n\n\t// Fixed width based on 16:9 for consistent joyride positioning\n\tconst maxImageWidth = getImageWidth('16:9');\n\tconst outerWrapperWidth =\n\t\tpaddingValue +\n\t\tmaxImageWidth +\n\t\tparseInt(SPACING.MAJOR.contentGap, 10) +\n\t\tPOPUP_DIMENSIONS.MAJOR.textAreaWidth +\n\t\tpaddingValue;\n\n\treturn {\n\t\t// Outer wrapper with fixed width for consistent joyride positioning\n\t\touterWrapper: {\n\t\t\twidth: `${outerWrapperWidth}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tbackground: 'transparent',\n\t\t} as CSSProperties,\n\n\t\tcontainer: {\n\t\t\twidth: `${totalWidth}px`,\n\t\t\theight: 'auto',\n\t\t\tminHeight: `${totalHeight}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tbackgroundColor: DESIGN_COLORS.BACKGROUND.SURFACE,\n\t\t\tborderRadius: BORDER_RADIUS.POPUP,\n\t\t\toverflow: 'hidden',\n\t\t\tposition: 'relative',\n\t\t\tpadding: padding,\n\t\t\ttransform: startAnimation ? transform : 'scale(1)',\n\t\t\topacity: startAnimation ? 0 : 1,\n\t\t\ttransition: POPUP_TRANSITION,\n\t\t\tboxSizing: 'border-box',\n\t\t} as CSSProperties,\n\n\t\theaderContainer: {\n\t\t\twidth: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tmarginBottom: SPACING.MAJOR.headerMarginBottom,\n\t\t\tposition: 'relative',\n\t\t} as CSSProperties,\n\n\t\tcontentWrapper: {\n\t\t\tdisplay: 'flex',\n\t\t\tflex: 1,\n\t\t\tgap: SPACING.MAJOR.contentGap,\n\t\t} as CSSProperties,\n\n\t\tskipButton: {\n\t\t\tbase: {\n\t\t\t\tbackground: 'transparent',\n\t\t\t\tborder: 'none',\n\t\t\t\tcolor: DESIGN_COLORS.TEXT.TERTIARY,\n\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontSize,\n\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontWeight,\n\t\t\t\tcursor: 'pointer',\n\t\t\t\tpadding: SPACING.MAJOR.skipButtonPadding,\n\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.SKIP_BUTTON.fontFamily,\n\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.SKIP_BUTTON.lineHeight,\n\t\t\t} as CSSProperties,\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t\tcolor: BASE_COLORS.grayscale[700],\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\timageContainer: {\n\t\t\tbackgroundColor: DESIGN_COLORS.BACKGROUND.IMAGE,\n\t\t\twidth: `${currentImageWidth}px`,\n\t\t\theight: `${currentImageHeight}px`,\n\t\t\tposition: 'relative',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\toverflow: 'hidden',\n\t\t\tflexShrink: 0,\n\t\t} as CSSProperties,\n\t\timage: {\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tobjectFit: 'cover',\n\t\t} as CSSProperties,\n\n\t\timagePlaceholder: {\n\t\t\tcolor: BASE_COLORS.grayscale[500],\n\t\t\tfontSize: '14px',\n\t\t\ttextAlign: 'center',\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tbackgroundColor: BASE_COLORS.grayscale[800],\n\t\t} as CSSProperties,\n\n\t\tvideoOverlay: {\n\t\t\tposition: 'absolute',\n\t\t\ttop: 0,\n\t\t\tleft: 0,\n\t\t\twidth: '100%',\n\t\t\theight: '100%',\n\t\t\tbackgroundColor: 'rgba(0,0,0,0.4)',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tcursor: 'pointer',\n\t\t\tzIndex: 10,\n\t\t\ttransition: 'opacity 0.2s',\n\t\t} as CSSProperties,\n\n\t\tplayIcon: {\n\t\t\twidth: '84px',\n\t\t\theight: '84px',\n\t\t\tcolor: '#060606ff',\n\t\t} as CSSProperties,\n\n\t\tcontentContainer: {\n\t\t\tflex: '1 0 auto',\n\t\t\twidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tminWidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tmaxWidth: `${POPUP_DIMENSIONS.MAJOR.textAreaWidth}px`,\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\tjustifyContent: 'flex-start',\n\t\t\tbackground: 'transparent',\n\t\t\tgap: SPACING.MAJOR.listGap,\n\t\t} as CSSProperties,\n\n\t\tskipButtonContainer: {\n\t\t\twidth: '100%',\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'flex-end',\n\t\t\tmarginBottom: SPACING.MAJOR.skipButtonContainerMargin,\n\t\t} as CSSProperties,\n\n\t\ttitle: {\n\t\t\tfontSize: DESIGN_TYPOGRAPHY.TITLE.fontSize,\n\t\t\tfontWeight: DESIGN_TYPOGRAPHY.TITLE.fontWeight,\n\t\t\tmarginBottom: SPACING.MAJOR.titleBottom,\n\t\t\tpadding: 0,\n\t\t\tcolor: DESIGN_COLORS.TEXT.PRIMARY,\n\t\t\tlineHeight: DESIGN_TYPOGRAPHY.TITLE.lineHeight,\n\t\t\ttextAlign: 'left',\n\t\t\tdisplay: '-webkit-box',\n\t\t\tWebkitLineClamp: 2,\n\t\t\tWebkitBoxOrient: 'vertical',\n\t\t\toverflow: 'hidden',\n\t\t\tfontFamily: DESIGN_TYPOGRAPHY.TITLE.fontFamily,\n\t\t} as CSSProperties,\n\n\t\tcontent: {\n\t\t\tfontSize: DESIGN_TYPOGRAPHY.CONTENT.fontSize,\n\t\t\tlineHeight: DESIGN_TYPOGRAPHY.CONTENT.lineHeight,\n\t\t\tcolor: DESIGN_COLORS.TEXT.SECONDARY,\n\t\t\ttextAlign: 'left',\n\t\t\tmarginBottom: 'auto',\n\t\t\tfontFamily: DESIGN_TYPOGRAPHY.CONTENT.fontFamily,\n\t\t\tfontWeight: DESIGN_TYPOGRAPHY.CONTENT.fontWeight,\n\t\t} as CSSProperties,\n\n\t\tactionsWrapper: {\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'space-between',\n\t\t\tmarginTop: 'auto',\n\t\t\tgap: '8px',\n\t\t\tflexWrap: 'nowrap',\n\t\t} as CSSProperties,\n\n\t\tbuttonsGroup: {\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tgap: SPACING.MAJOR.listGap,\n\t\t} as CSSProperties,\n\n\t\texploreButton: {\n\t\t\tbase: applyButtonStyle(\n\t\t\t\t{\n\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\tborder: `1px solid ${DESIGN_COLORS.BUTTON.PRIMARY_BORDER}`,\n\t\t\t\t\tcolor: DESIGN_COLORS.BUTTON.PRIMARY_TEXT,\n\t\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.BUTTON.fontSize,\n\t\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.BUTTON.fontWeight,\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tpadding: `0 ${DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,\n\t\t\t\t\theight: `${DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,\n\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tminWidth: 'auto',\n\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.BUTTON.fontFamily,\n\t\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.BUTTON.lineHeight,\n\t\t\t\t} as CSSProperties,\n\t\t\t\tprimaryButtonStyle,\n\t\t\t),\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\tsecondaryButton: {\n\t\t\tbase: applyButtonStyle(\n\t\t\t\t{\n\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t\tcolor: DESIGN_COLORS.BUTTON.PRIMARY_TEXT,\n\t\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\t\tfontSize: DESIGN_TYPOGRAPHY.BUTTON.fontSize,\n\t\t\t\t\tfontWeight: DESIGN_TYPOGRAPHY.BUTTON.fontWeight,\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tpadding: `0 ${DESIGN_DIMENSIONS.BUTTON_PADDING_HORIZONTAL}`,\n\t\t\t\t\theight: `${DESIGN_DIMENSIONS.BUTTON_HEIGHT}px`,\n\t\t\t\t\tborder: 'none',\n\t\t\t\t\tboxShadow: 'none',\n\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\tminWidth: 'auto',\n\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tfontFamily: DESIGN_TYPOGRAPHY.BUTTON.fontFamily,\n\t\t\t\t\tlineHeight: DESIGN_TYPOGRAPHY.BUTTON.lineHeight,\n\t\t\t\t\ttransition: 'none', // Disable transition\n\t\t\t\t} as CSSProperties,\n\t\t\t\tsecondaryButtonStyle,\n\t\t\t),\n\t\t\thover: {\n\t\t\t\tbackgroundColor: secondaryButtonStyle?.backgroundColor\n\t\t\t\t\t? `${secondaryButtonStyle.backgroundColor}cc`\n\t\t\t\t\t: 'rgba(254, 192, 45, 0.1)',\n\t\t\t} as CSSProperties,\n\t\t},\n\n\t\tnavigationContainer: {\n\t\t\tdisplay: 'flex',\n\t\t\tgap: SPACING.MAJOR.navigationGap,\n\t\t\talignItems: 'center',\n\t\t} as CSSProperties,\n\n\t\tnavigationButton: (disabled: boolean) => ({\n\t\t\tbase: {\n\t\t\t\twidth: `${DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,\n\t\t\t\theight: `${DESIGN_DIMENSIONS.NAVIGATION_BUTTON_SIZE}px`,\n\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\tborder: 'none',\n\t\t\t\tcolor: disabled\n\t\t\t\t\t? DESIGN_COLORS.ICON.DISABLED\n\t\t\t\t\t: DESIGN_COLORS.ICON.ENABLED,\n\t\t\t\tfontSize: '16px',\n\t\t\t\tcursor: disabled ? 'not-allowed' : 'pointer',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\n\t\t\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\t\t\tpadding: 0,\n\t\t\t} as CSSProperties,\n\t\t\thover: {\n\t\t\t\tbackgroundColor: 'rgba(255, 255, 255, 0.10)',\n\t\t\t} as CSSProperties,\n\t\t}),\n\t};\n};\n"],"names":["getImageWidth","ratio","arguments","length","undefined","POPUP_DIMENSIONS","MAJOR","imageWidth","applyButtonStyle","baseStyle","customStyle","Object","assign","textColor","color","backgroundColor","borderColor","startAnimation","transform","padding","SPACING","containerPadding","primaryButtonStyle","secondaryButtonStyle","currentImageWidth","currentImageHeight","width","height","Math","round","DESIGN_DIMENSIONS","IMAGE_HEIGHT","min","getImageHeight","paddingValue","parseInt","totalWidth","contentGap","textAreaWidth","totalHeight","outerWrapper","display","justifyContent","background","container","minHeight","flexDirection","DESIGN_COLORS","BACKGROUND","SURFACE","borderRadius","BORDER_RADIUS","POPUP","overflow","position","opacity","transition","POPUP_TRANSITION","boxSizing","headerContainer","marginBottom","headerMarginBottom","contentWrapper","flex","gap","skipButton","base","border","TEXT","TERTIARY","fontSize","DESIGN_TYPOGRAPHY","SKIP_BUTTON","fontWeight","cursor","skipButtonPadding","BUTTON","fontFamily","lineHeight","hover","BASE_COLORS","grayscale","imageContainer","IMAGE","alignItems","flexShrink","image","objectFit","imagePlaceholder","textAlign","videoOverlay","top","left","zIndex","playIcon","contentContainer","minWidth","maxWidth","listGap","skipButtonContainer","skipButtonContainerMargin","title","TITLE","titleBottom","PRIMARY","WebkitLineClamp","WebkitBoxOrient","content","CONTENT","SECONDARY","actionsWrapper","marginTop","flexWrap","buttonsGroup","exploreButton","PRIMARY_BORDER","PRIMARY_TEXT","BUTTON_PADDING_HORIZONTAL","BUTTON_HEIGHT","textDecoration","secondaryButton","boxShadow","navigationContainer","navigationGap","navigationButton","disabled","NAVIGATION_BUTTON_SIZE","ICON","DISABLED","ENABLED"],"mappings":"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"}

package/dist/cjs/components/feature-announcements/styles/minorPopup.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"minorPopup.styles.js","sources":["../../../../../src/components/feature-announcements/styles/minorPopup.styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BASE_COLORS } from '../../../constants/Theme';\nimport { BORDER_RADIUS, POPUP_DIMENSIONS, SPACING } from '../constants';\nimport { POPUP_TRANSITION } from '../constants/animations';\n\nexport const getMinorPopupStyles = (\n\tstartAnimation: boolean,\n\ttransform: string,\n) => ({\n\tcontainer: {\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.width}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.height}px`,\n\t\tdisplay: 'flex',\n\t\tbackgroundColor: BASE_COLORS.grayscale.white,\n\t\tborderRadius: BORDER_RADIUS.POPUP,\n\t\toverflow: 'hidden',\n\t\tposition: 'relative',\n\t\tboxShadow:\n\t\t\t'0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)',\n\t\ttransform: startAnimation ? transform : 'scale(1)',\n\t\topacity: startAnimation ? 0 : 1,\n\t\ttransition: POPUP_TRANSITION,\n\t} as CSSProperties,\n\n\timageContainer: {\n\t\tbackgroundColor: BASE_COLORS.grayscale[50],\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t\tposition: 'relative',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tmargin: SPACING.MINOR.imageMargin,\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\tminWidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\tmaxWidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t} as CSSProperties,\n\n\timageWrapper: {\n\t\tposition: 'relative',\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t} as CSSProperties,\n\n\timage: {\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t\tobjectFit: 'cover',\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t\tdisplay: 'block',\n\t} as CSSProperties,\n\n\timagePlaceholder: {\n\t\tcolor: BASE_COLORS.grayscale[500],\n\t\tfontSize: '14px',\n\t\ttextAlign: 'center',\n\t\twidth: '100%',\n\t\theight: '100%',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tbackgroundColor: BASE_COLORS.grayscale[100],\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t} as CSSProperties,\n\n\tcontentContainer: {\n\t\tflex: 1,\n\t\tdisplay: 'flex',\n\t\tmargin: SPACING.MINOR.contentMargin,\n\t\tflexDirection: 'column',\n\t\tjustifyContent: 'space-between',\n\t\tbackground: 'transparent',\n\t} as CSSProperties,\n\n\ttitle: {\n\t\tfontSize: '16px',\n\t\tfontWeight: '600',\n\t\tpadding: '0 0 0 0',\n\t\tcolor: BASE_COLORS.grayscale[900],\n\t\tlineHeight: '1.25',\n\t\ttextAlign: 'left',\n\t} as CSSProperties,\n\n\tcontent: {\n\t\tfontSize: '12px',\n\t\tfontWeight: '400',\n\t\tlineHeight: '1.2',\n\t\tcolor: BASE_COLORS.grayscale[700],\n\t\ttextAlign: 'left',\n\t\tmaxHeight: '48px',\n\t\toverflow: 'hidden',\n\t\tdisplay: '-webkit-box',\n\t\tWebkitLineClamp: 3,\n\t\tWebkitBoxOrient: 'vertical',\n\t} as CSSProperties,\n\n\tactionsContainer: {\n\t\tposition: 'absolute',\n\t\tbottom: SPACING.MINOR.actionsBottom,\n\t\tright: SPACING.MINOR.actionsRight,\n\t\tdisplay: 'flex',\n\t\tgap: SPACING.MINOR.actionsGap,\n\t\talignItems: 'center',\n\t} as CSSProperties,\n\n\tunderstoodText: {\n\t\tcolor: BASE_COLORS.brand[800],\n\t\tfontSize: '14px',\n\t\tfontWeight: '500',\n\t\tcursor: 'pointer',\n\t\ttransition: 'all 0.2s',\n\t} as CSSProperties,\n\n\texploreButton: {\n\t\tbackgroundColor: BASE_COLORS.brand[800],\n\t\tborder: 'none',\n\t\tcolor: BASE_COLORS.grayscale.white,\n\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\tfontSize: '14px',\n\t\tfontWeight: '600',\n\t\tcursor: 'pointer',\n\t\twidth: '154px',\n\t\theight: '32px',\n\t\ttransition: 'all 0.2s',\n\t\ttextAlign: 'center',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t} as CSSProperties,\n});\n"],"names":["getMinorPopupStyles","startAnimation","transform","container","width","POPUP_DIMENSIONS","MINOR","height","display","backgroundColor","BASE_COLORS","grayscale","white","borderRadius","BORDER_RADIUS","POPUP","overflow","position","boxShadow","opacity","transition","POPUP_TRANSITION","imageContainer","IMAGE","alignItems","justifyContent","margin","SPACING","imageMargin","imageWidth","minWidth","maxWidth","imageHeight","imageWrapper","image","objectFit","imagePlaceholder","color","fontSize","textAlign","contentContainer","flex","contentMargin","flexDirection","background","title","fontWeight","padding","lineHeight","content","maxHeight","WebkitLineClamp","WebkitBoxOrient","actionsContainer","bottom","actionsBottom","right","actionsRight","gap","actionsGap","understoodText","brand","cursor","exploreButton","border","BUTTON"],"mappings":"6NAKmCA,CAClCC,EACAC,KACK,CACLC,UAAW,CACVC,~~MAAO~~,~~GAAGC~~,EAAAA,iBAAiBC,MAAMF,UACjCG,~~OAAQ~~,~~GAAGF~~,EAAAA,iBAAiBC,MAAMC,WAClCC,QAAS,OACTC,gBAAiBC,EAAAA,YAAYC,UAAUC,MACvCC,aAAcC,EAAaA,cAACC,MAC5BC,SAAU,SACVC,SAAU,WACVC,UACC,kEACDhB,UAAWD,EAAiBC,EAAY,WACxCiB,QAASlB,EAAiB,EAAI,EAC9BmB,WAAYC,EAAAA,kBAGbC,eAAgB,CACfb,gBAAiBC,EAAAA,YAAYC,UAAU,IACvCE,aAAcC,EAAaA,cAACS,MAC5BN,SAAU,WACVT,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBC,OAAQC,EAAAA,QAAQrB,MAAMsB,YACtBxB,~~MAAO~~,~~GAAGC~~,EAAAA,iBAAiBC,MAAMuB,eACjCC,~~SAAU~~,~~GAAGzB~~,EAAAA,iBAAiBC,MAAMuB,eACpCE,~~SAAU~~,~~GAAG1B~~,EAAAA,iBAAiBC,MAAMuB,eACpCtB,~~OAAQ~~,~~GAAGF~~,EAAAA,iBAAiBC,MAAM0B,iBAGnCC,aAAc,CACbhB,SAAU,WACVb,~~MAAO~~,~~GAAGC~~,EAAAA,iBAAiBC,MAAMuB,eACjCtB,~~OAAQ~~,~~GAAGF~~,EAAAA,iBAAiBC,MAAM0B,iBAGnCE,MAAO,CACN9B,~~MAAO~~,~~GAAGC~~,EAAAA,iBAAiBC,MAAMuB,eACjCtB,~~OAAQ~~,~~GAAGF~~,EAAAA,iBAAiBC,MAAM0B,gBAClCG,UAAW,QACXtB,aAAcC,EAAaA,cAACS,MAC5Bf,QAAS,SAGV4B,iBAAkB,CACjBC,MAAO3B,EAAAA,YAAYC,UAAU,KAC7B2B,SAAU,OACVC,UAAW,SACXnC,MAAO,OACPG,OAAQ,OACRC,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBhB,gBAAiBC,EAAAA,YAAYC,UAAU,KACvCE,aAAcC,EAAaA,cAACS,OAG7BiB,iBAAkB,CACjBC,KAAM,EACNjC,QAAS,OACTkB,OAAQC,EAAAA,QAAQrB,MAAMoC,cACtBC,cAAe,SACflB,eAAgB,gBAChBmB,WAAY,eAGbC,MAAO,CACNP,SAAU,OACVQ,WAAY,MACZC,QAAS,UACTV,MAAO3B,EAAAA,YAAYC,UAAU,KAC7BqC,WAAY,OACZT,UAAW,QAGZU,QAAS,CACRX,SAAU,OACVQ,WAAY,MACZE,WAAY,MACZX,MAAO3B,EAAAA,YAAYC,UAAU,KAC7B4B,UAAW,OACXW,UAAW,OACXlC,SAAU,SACVR,QAAS,cACT2C,gBAAiB,EACjBC,gBAAiB,YAGlBC,iBAAkB,CACjBpC,SAAU,WACVqC,OAAQ3B,EAAAA,QAAQrB,MAAMiD,cACtBC,MAAO7B,EAAAA,QAAQrB,MAAMmD,aACrBjD,QAAS,OACTkD,IAAK/B,EAAAA,QAAQrB,MAAMqD,WACnBnC,WAAY,UAGboC,eAAgB,CACfvB,MAAO3B,EAAAA,YAAYmD,MAAM,KACzBvB,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1C,WAAY,YAGb2C,cAAe,CACdtD,gBAAiBC,EAAAA,YAAYmD,MAAM,KACnCG,OAAQ,OACR3B,MAAO3B,EAAAA,YAAYC,UAAUC,MAC7BC,aAAcC,EAAaA,cAACmD,OAC5B3B,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1D,MAAO,QACPG,OAAQ,OACRa,WAAY,WACZmB,UAAW,SACX/B,QAAS,OACTgB,WAAY,SACZC,eAAgB"}
1	+ {"version":3,"file":"minorPopup.styles.js","sources":["../../../../../src/components/feature-announcements/styles/minorPopup.styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BASE_COLORS } from '../../../constants/Theme';\nimport { BORDER_RADIUS, POPUP_DIMENSIONS, SPACING } from '../constants';\nimport { POPUP_TRANSITION } from '../constants/animations';\n\nexport const getMinorPopupStyles = (\n\tstartAnimation: boolean,\n\ttransform: string,\n) => ({\n\tcontainer: {\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.width}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.height}px`,\n\t\tdisplay: 'flex',\n\t\tbackgroundColor: BASE_COLORS.grayscale.white,\n\t\tborderRadius: BORDER_RADIUS.POPUP,\n\t\toverflow: 'hidden',\n\t\tposition: 'relative',\n\t\tboxShadow:\n\t\t\t'0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)',\n\t\ttransform: startAnimation ? transform : 'scale(1)',\n\t\topacity: startAnimation ? 0 : 1,\n\t\ttransition: POPUP_TRANSITION,\n\t} as CSSProperties,\n\n\timageContainer: {\n\t\tbackgroundColor: BASE_COLORS.grayscale[50],\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t\tposition: 'relative',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tmargin: SPACING.MINOR.imageMargin,\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\tminWidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\tmaxWidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t} as CSSProperties,\n\n\timageWrapper: {\n\t\tposition: 'relative',\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t} as CSSProperties,\n\n\timage: {\n\t\twidth: `${POPUP_DIMENSIONS.MINOR.imageWidth}px`,\n\t\theight: `${POPUP_DIMENSIONS.MINOR.imageHeight}px`,\n\t\tobjectFit: 'cover',\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t\tdisplay: 'block',\n\t} as CSSProperties,\n\n\timagePlaceholder: {\n\t\tcolor: BASE_COLORS.grayscale[500],\n\t\tfontSize: '14px',\n\t\ttextAlign: 'center',\n\t\twidth: '100%',\n\t\theight: '100%',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tbackgroundColor: BASE_COLORS.grayscale[100],\n\t\tborderRadius: BORDER_RADIUS.IMAGE,\n\t} as CSSProperties,\n\n\tcontentContainer: {\n\t\tflex: 1,\n\t\tdisplay: 'flex',\n\t\tmargin: SPACING.MINOR.contentMargin,\n\t\tflexDirection: 'column',\n\t\tjustifyContent: 'space-between',\n\t\tbackground: 'transparent',\n\t} as CSSProperties,\n\n\ttitle: {\n\t\tfontSize: '16px',\n\t\tfontWeight: '600',\n\t\tpadding: '0 0 0 0',\n\t\tcolor: BASE_COLORS.grayscale[900],\n\t\tlineHeight: '1.25',\n\t\ttextAlign: 'left',\n\t} as CSSProperties,\n\n\tcontent: {\n\t\tfontSize: '12px',\n\t\tfontWeight: '400',\n\t\tlineHeight: '1.2',\n\t\tcolor: BASE_COLORS.grayscale[700],\n\t\ttextAlign: 'left',\n\t\tmaxHeight: '48px',\n\t\toverflow: 'hidden',\n\t\tdisplay: '-webkit-box',\n\t\tWebkitLineClamp: 3,\n\t\tWebkitBoxOrient: 'vertical',\n\t} as CSSProperties,\n\n\tactionsContainer: {\n\t\tposition: 'absolute',\n\t\tbottom: SPACING.MINOR.actionsBottom,\n\t\tright: SPACING.MINOR.actionsRight,\n\t\tdisplay: 'flex',\n\t\tgap: SPACING.MINOR.actionsGap,\n\t\talignItems: 'center',\n\t} as CSSProperties,\n\n\tunderstoodText: {\n\t\tcolor: BASE_COLORS.brand[800],\n\t\tfontSize: '14px',\n\t\tfontWeight: '500',\n\t\tcursor: 'pointer',\n\t\ttransition: 'all 0.2s',\n\t} as CSSProperties,\n\n\texploreButton: {\n\t\tbackgroundColor: BASE_COLORS.brand[800],\n\t\tborder: 'none',\n\t\tcolor: BASE_COLORS.grayscale.white,\n\t\tborderRadius: BORDER_RADIUS.BUTTON,\n\t\tfontSize: '14px',\n\t\tfontWeight: '600',\n\t\tcursor: 'pointer',\n\t\twidth: '154px',\n\t\theight: '32px',\n\t\ttransition: 'all 0.2s',\n\t\ttextAlign: 'center',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t} as CSSProperties,\n});\n"],"names":["getMinorPopupStyles","startAnimation","transform","container","width","POPUP_DIMENSIONS","MINOR","height","display","backgroundColor","BASE_COLORS","grayscale","white","borderRadius","BORDER_RADIUS","POPUP","overflow","position","boxShadow","opacity","transition","POPUP_TRANSITION","imageContainer","IMAGE","alignItems","justifyContent","margin","SPACING","imageMargin","imageWidth","minWidth","maxWidth","imageHeight","imageWrapper","image","objectFit","imagePlaceholder","color","fontSize","textAlign","contentContainer","flex","contentMargin","flexDirection","background","title","fontWeight","padding","lineHeight","content","maxHeight","WebkitLineClamp","WebkitBoxOrient","actionsContainer","bottom","actionsBottom","right","actionsRight","gap","actionsGap","understoodText","brand","cursor","exploreButton","border","BUTTON"],"mappings":"6NAKmCA,CAClCC,EACAC,KACK,CACLC,UAAW,CACVC,MAAU,GAAAC,EAAAA,iBAAiBC,MAAMF,UACjCG,OAAW,GAAAF,EAAAA,iBAAiBC,MAAMC,WAClCC,QAAS,OACTC,gBAAiBC,EAAAA,YAAYC,UAAUC,MACvCC,aAAcC,EAAaA,cAACC,MAC5BC,SAAU,SACVC,SAAU,WACVC,UACC,kEACDhB,UAAWD,EAAiBC,EAAY,WACxCiB,QAASlB,EAAiB,EAAI,EAC9BmB,WAAYC,EAAAA,kBAGbC,eAAgB,CACfb,gBAAiBC,EAAAA,YAAYC,UAAU,IACvCE,aAAcC,EAAaA,cAACS,MAC5BN,SAAU,WACVT,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBC,OAAQC,EAAAA,QAAQrB,MAAMsB,YACtBxB,MAAU,GAAAC,EAAAA,iBAAiBC,MAAMuB,eACjCC,SAAa,GAAAzB,EAAAA,iBAAiBC,MAAMuB,eACpCE,SAAa,GAAA1B,EAAAA,iBAAiBC,MAAMuB,eACpCtB,OAAW,GAAAF,EAAAA,iBAAiBC,MAAM0B,iBAGnCC,aAAc,CACbhB,SAAU,WACVb,MAAU,GAAAC,EAAAA,iBAAiBC,MAAMuB,eACjCtB,OAAW,GAAAF,EAAAA,iBAAiBC,MAAM0B,iBAGnCE,MAAO,CACN9B,MAAU,GAAAC,EAAAA,iBAAiBC,MAAMuB,eACjCtB,OAAW,GAAAF,EAAAA,iBAAiBC,MAAM0B,gBAClCG,UAAW,QACXtB,aAAcC,EAAaA,cAACS,MAC5Bf,QAAS,SAGV4B,iBAAkB,CACjBC,MAAO3B,EAAAA,YAAYC,UAAU,KAC7B2B,SAAU,OACVC,UAAW,SACXnC,MAAO,OACPG,OAAQ,OACRC,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBhB,gBAAiBC,EAAAA,YAAYC,UAAU,KACvCE,aAAcC,EAAaA,cAACS,OAG7BiB,iBAAkB,CACjBC,KAAM,EACNjC,QAAS,OACTkB,OAAQC,EAAAA,QAAQrB,MAAMoC,cACtBC,cAAe,SACflB,eAAgB,gBAChBmB,WAAY,eAGbC,MAAO,CACNP,SAAU,OACVQ,WAAY,MACZC,QAAS,UACTV,MAAO3B,EAAAA,YAAYC,UAAU,KAC7BqC,WAAY,OACZT,UAAW,QAGZU,QAAS,CACRX,SAAU,OACVQ,WAAY,MACZE,WAAY,MACZX,MAAO3B,EAAAA,YAAYC,UAAU,KAC7B4B,UAAW,OACXW,UAAW,OACXlC,SAAU,SACVR,QAAS,cACT2C,gBAAiB,EACjBC,gBAAiB,YAGlBC,iBAAkB,CACjBpC,SAAU,WACVqC,OAAQ3B,EAAAA,QAAQrB,MAAMiD,cACtBC,MAAO7B,EAAAA,QAAQrB,MAAMmD,aACrBjD,QAAS,OACTkD,IAAK/B,EAAAA,QAAQrB,MAAMqD,WACnBnC,WAAY,UAGboC,eAAgB,CACfvB,MAAO3B,EAAAA,YAAYmD,MAAM,KACzBvB,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1C,WAAY,YAGb2C,cAAe,CACdtD,gBAAiBC,EAAAA,YAAYmD,MAAM,KACnCG,OAAQ,OACR3B,MAAO3B,EAAAA,YAAYC,UAAUC,MAC7BC,aAAcC,EAAaA,cAACmD,OAC5B3B,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1D,MAAO,QACPG,OAAQ,OACRa,WAAY,WACZmB,UAAW,SACX/B,QAAS,OACTgB,WAAY,SACZC,eAAgB"}

package/dist/cjs/components/feature-announcements/utils/animationHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/animations.js");exports.calculateCloseTransform=(e,t)=>{const r=e.getBoundingClientRect(),i=t.getBoundingClientRect();return`translate(${i.left+i.width/2-(r.left+r.width/2)}px, ${i.top+i.height/2-(r.top+r.height/2)}px) scale(0)`},exports.executeAfterAnimation=(t,r=e.ANIMATION_TIMING.CLOSE_DURATION)=>{setTimeout(t,r)},exports.hideJoyrideArrow=e=>{if(!e)return;const t=e.closest('[class*="react-joyride__tooltip"]');if(!t)return;const r=t.querySelector('[class*="react-joyride__arrow"]');r&&(r.style.display="none",r.style.visibility="hidden",r.style.opacity="0")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants/animations.js");exports.calculateCloseTransform=(e,t)=>{const i=e.getBoundingClientRect(),o=t.getBoundingClientRect();return`translate(${o.left+o.width/2-(i.left+i.width/2)}px, ${o.top+o.height/2-(i.top+i.height/2)}px) scale(0)`},exports.executeAfterAnimation=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.ANIMATION_TIMING.CLOSE_DURATION;setTimeout(t,i)},exports.hideJoyrideArrow=e=>{if(!e)return;const t=e.closest('[class*="react-joyride__tooltip"]');if(!t)return;const i=t.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")};
 //# sourceMappingURL=animationHelpers.js.map

package/dist/cjs/components/feature-announcements/utils/animationHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animationHelpers.js","sources":["../../../../../src/components/feature-announcements/utils/animationHelpers.ts"],"sourcesContent":["import { ANIMATION_TIMING } from '../constants';\n\n/*\n Calculate transform for closing animation\n * @param popupElement - Popup element reference\n * @param targetElement - Target element to animate towards\n * @returns Transform CSS string\n /\nexport const calculateCloseTransform = (\n\tpopupElement: HTMLElement,\n\ttargetElement: Element,\n): string => {\n\tconst popupRect = popupElement.getBoundingClientRect();\n\tconst targetRect = targetElement.getBoundingClientRect();\n\n\tconst translateX =\n\t\ttargetRect.left +\n\t\ttargetRect.width / 2 -\n\t\t(popupRect.left + popupRect.width / 2);\n\tconst translateY =\n\t\ttargetRect.top +\n\t\ttargetRect.height / 2 -\n\t\t(popupRect.top + popupRect.height / 2);\n\n\treturn `translate(${translateX}px, ${translateY}px) scale(0)`;\n};\n\n/\n Hide Joyride arrow element\n * @param popupRef - Reference to popup element\n /\nexport const hideJoyrideArrow = (popupRef: HTMLElement \| null): void => {\n\tif (!popupRef) return;\n\n\tconst tooltip = popupRef.closest('[class=\"react-joyride__tooltip\"]');\n\tif (!tooltip) return;\n\n\tconst arrow = tooltip.querySelector(\n\t\t'[class=\"react-joyride__arrow\"]',\n\t) as HTMLElement;\n\tif (arrow) {\n\t\tarrow.style.display = 'none';\n\t\tarrow.style.visibility = 'hidden';\n\t\tarrow.style.opacity = '0';\n\t}\n};\n\n/\n Execute callback after animation completes\n * @param callback - Function to execute\n * @param delay - Optional delay override\n */\nexport const executeAfterAnimation = (\n\tcallback: () => void \| Promise<void>,\n\tdelay: number = ANIMATION_TIMING.CLOSE_DURATION,\n): void => {\n\tsetTimeout(callback, delay);\n};\n"],"names":["calculateCloseTransform","popupElement","targetElement","popupRect","getBoundingClientRect","targetRect","left","width","top","height","~~executeAfterAnimation~~","~~callback~~","~~delay~~","ANIMATION_TIMING","CLOSE_DURATION","setTimeout","popupRef","tooltip","closest","arrow","querySelector","style","display","visibility","opacity"],"mappings":"gJAQuCA,CACtCC,EACAC,KAEA,MAAMC,EAAYF,EAAaG,wBACzBC,EAAaH,EAAcE,wBAWjC,~~MAAO~~,~~aARNC~~,EAAWC,KACXD,EAAWE,MAAQ,GAClBJ,EAAUG,KAAOH,EAAUI,MAAQ,SAEpCF,EAAWG,IACXH,EAAWI,OAAS,GACnBN,EAAUK,IAAML,EAAUM,OAAS,gBAEwB,~~gCA4BzBC~~,~~CACpCC~~,~~EACAC~~,~~EAAgBC~~,EAAAA,iBAAiBC,~~kBAEjCC~~,~~WAAWJ~~,EAAUC,~~EAAM~~,~~2BAzBKI~~,IAChC,IAAKA,EAAU,OAEf,MAAMC,EAAUD,EAASE,QAAQ,qCACjC,IAAKD,EAAS,OAEd,MAAME,EAAQF,EAAQG,cACrB,mCAEGD,IACHA,EAAME,MAAMC,QAAU,OACtBH,EAAME,MAAME,WAAa,SACzBJ,EAAME,MAAMG,QAAU,IACtB"}
1	+ {"version":3,"file":"animationHelpers.js","sources":["../../../../../src/components/feature-announcements/utils/animationHelpers.ts"],"sourcesContent":["import { ANIMATION_TIMING } from '../constants';\n\n/*\n Calculate transform for closing animation\n * @param popupElement - Popup element reference\n * @param targetElement - Target element to animate towards\n * @returns Transform CSS string\n /\nexport const calculateCloseTransform = (\n\tpopupElement: HTMLElement,\n\ttargetElement: Element,\n): string => {\n\tconst popupRect = popupElement.getBoundingClientRect();\n\tconst targetRect = targetElement.getBoundingClientRect();\n\n\tconst translateX =\n\t\ttargetRect.left +\n\t\ttargetRect.width / 2 -\n\t\t(popupRect.left + popupRect.width / 2);\n\tconst translateY =\n\t\ttargetRect.top +\n\t\ttargetRect.height / 2 -\n\t\t(popupRect.top + popupRect.height / 2);\n\n\treturn `translate(${translateX}px, ${translateY}px) scale(0)`;\n};\n\n/\n Hide Joyride arrow element\n * @param popupRef - Reference to popup element\n /\nexport const hideJoyrideArrow = (popupRef: HTMLElement \| null): void => {\n\tif (!popupRef) return;\n\n\tconst tooltip = popupRef.closest('[class=\"react-joyride__tooltip\"]');\n\tif (!tooltip) return;\n\n\tconst arrow = tooltip.querySelector(\n\t\t'[class=\"react-joyride__arrow\"]',\n\t) as HTMLElement;\n\tif (arrow) {\n\t\tarrow.style.display = 'none';\n\t\tarrow.style.visibility = 'hidden';\n\t\tarrow.style.opacity = '0';\n\t}\n};\n\n/\n Execute callback after animation completes\n * @param callback - Function to execute\n * @param delay - Optional delay override\n */\nexport const executeAfterAnimation = (\n\tcallback: () => void \| Promise<void>,\n\tdelay: number = ANIMATION_TIMING.CLOSE_DURATION,\n): void => {\n\tsetTimeout(callback, delay);\n};\n"],"names":["calculateCloseTransform","popupElement","targetElement","popupRect","getBoundingClientRect","targetRect","left","width","top","height","callback","delay","arguments","length","undefined","ANIMATION_TIMING","CLOSE_DURATION","setTimeout","popupRef","tooltip","closest","arrow","querySelector","style","display","visibility","opacity"],"mappings":"gJAQuCA,CACtCC,EACAC,KAEA,MAAMC,EAAYF,EAAaG,wBACzBC,EAAaH,EAAcE,wBAWjC,MAAoB,aARnBC,EAAWC,KACXD,EAAWE,MAAQ,GAClBJ,EAAUG,KAAOH,EAAUI,MAAQ,SAEpCF,EAAWG,IACXH,EAAWI,OAAS,GACnBN,EAAUK,IAAML,EAAUM,OAAS,gBAEwB,gCA4BzB,SACpCC,GAES,IADTC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAgBG,GAAAA,EAAAA,iBAAiBC,eAEjCC,WAAWP,EAAUC,EACtB,2BA1BiCO,IAChC,IAAKA,EAAU,OAEf,MAAMC,EAAUD,EAASE,QAAQ,qCACjC,IAAKD,EAAS,OAEd,MAAME,EAAQF,EAAQG,cACrB,mCAEGD,IACHA,EAAME,MAAMC,QAAU,OACtBH,EAAME,MAAME,WAAa,SACzBJ,EAAME,MAAMG,QAAU,IACtB"}

package/dist/cjs/components/feature-announcements/utils/elementHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../constants/animations.js");var e=require("../constants/selectors.js");const t=e=>{const t=e.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight,n=window.innerWidth||document.documentElement.clientWidth,r=t.top>=120&&t.bottom<=o,s=t.left>=0&&t.right<=n;return r&&s};exports.findFeatureTagElement=e=>{const t=e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`;return document.querySelector(t)},exports.findWhatsNewButton=()=>{let t=document.querySelector(e.SELECTORS.WHATS_NEW_BUTTON);if(t)return t;if(t=document.querySelector(e.SELECTORS.MAIN_ICON_CLASS),t)return t;const o=document.querySelector(e.SELECTORS.SVG_VIEWBOX);if(o){if(o.querySelector(e.SELECTORS.CLIPPATH_PATTERN))return o.closest(e.SELECTORS.WHATS_NEW_BUTTON)||o.parentElement}return null},exports.isElementInViewport=t,exports.normalizeSelector=e=>e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`,exports.scrollToElementSmooth=(e,o=120)=>new Promise((n=>{if(t(e))return void n();const r=e.getBoundingClientRect().top+window.pageYOffset-o;let s;window.scrollTo({top:r,behavior:"smooth"});const i=()=>{clearTimeout(s),s=setTimeout((()=>{window.removeEventListener("scroll",i),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",i,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",i),n()}),1e3)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../constants/animations.js");var e=require("../constants/selectors.js");const t=e=>{const t=e.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight,n=window.innerWidth||document.documentElement.clientWidth,r=t.top>=120&&t.bottom<=o,s=t.left>=0&&t.right<=n;return r&&s};exports.findFeatureTagElement=e=>{const t=e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`;return document.querySelector(t)},exports.findWhatsNewButton=()=>{let t=document.querySelector(e.SELECTORS.WHATS_NEW_BUTTON);if(t)return t;if(t=document.querySelector(e.SELECTORS.MAIN_ICON_CLASS),t)return t;const o=document.querySelector(e.SELECTORS.SVG_VIEWBOX);if(o){if(o.querySelector(e.SELECTORS.CLIPPATH_PATTERN))return o.closest(e.SELECTORS.WHATS_NEW_BUTTON)||o.parentElement}return null},exports.isElementInViewport=t,exports.normalizeSelector=e=>e.startsWith("#")||e.startsWith(".")||e.startsWith("[")?e:`#${e}`,exports.scrollToElementSmooth=function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:120;return new Promise((n=>{if(t(e))return void n();const r=e.getBoundingClientRect().top+window.pageYOffset-o;let s;window.scrollTo({top:r,behavior:"smooth"});const i=()=>{clearTimeout(s),s=setTimeout((()=>{window.removeEventListener("scroll",i),setTimeout((()=>n()),100)}),100)};window.addEventListener("scroll",i,{passive:!0}),setTimeout((()=>{window.removeEventListener("scroll",i),n()}),1e3)}))};
 //# sourceMappingURL=elementHelpers.js.map

package/dist/cjs/components/feature-announcements/utils/elementHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementHelpers.js","sources":["../../../../../src/components/feature-announcements/utils/elementHelpers.ts"],"sourcesContent":["import { SELECTORS } from '../constants';\n\n/*\n Find What's New button using multiple strategies\n * @returns Element or null\n /\nexport const findWhatsNewButton = (): Element \| null => {\n\t// Strategy 1: data-testid\n\tlet targetButton = document.querySelector(SELECTORS.WHATS_NEW_BUTTON);\n\tif (targetButton) return targetButton;\n\n\t// Strategy 2: class name\n\ttargetButton = document.querySelector(SELECTORS.MAIN_ICON_CLASS);\n\tif (targetButton) return targetButton;\n\n\t// Strategy 3: SVG with specific viewBox\n\tconst svg = document.querySelector(SELECTORS.SVG_VIEWBOX);\n\tif (svg) {\n\t\tconst hasClipPath = svg.querySelector(SELECTORS.CLIPPATH_PATTERN);\n\t\tif (hasClipPath) {\n\t\t\treturn svg.closest(SELECTORS.WHATS_NEW_BUTTON) \|\| svg.parentElement;\n\t\t}\n\t}\n\n\treturn null;\n};\n\n/\n Find target element for minor update\n * @param featureTag - Feature tag selector\n * @returns Element or null\n /\nexport const findFeatureTagElement = (featureTag: string): Element \| null => {\n\tconst targetSelector =\n\t\tfeatureTag.startsWith('#') \|\|\n\t\tfeatureTag.startsWith('.') \|\|\n\t\tfeatureTag.startsWith('[')\n\t\t\t? featureTag\n\t\t\t: `#${featureTag}`;\n\n\treturn document.querySelector(targetSelector);\n};\n\n/\n Normalize selector string\n * @param selector - Selector string\n * @returns Normalized selector\n /\nexport const normalizeSelector = (selector: string): string => {\n\tif (\n\t\tselector.startsWith('#') \|\|\n\t\tselector.startsWith('.') \|\|\n\t\tselector.startsWith('[')\n\t) {\n\t\treturn selector;\n\t}\n\treturn `#${selector}`;\n};\n\n/\n Check if element is fully visible in viewport\n * @param element - Element to check\n * @returns True if element is fully visible\n /\nexport const isElementInViewport = (element: Element): boolean => {\n\tconst rect = element.getBoundingClientRect();\n\tconst windowHeight =\n\t\twindow.innerHeight \|\| document.documentElement.clientHeight;\n\tconst windowWidth = window.innerWidth \|\| document.documentElement.clientWidth;\n\n\t// Check if element is fully visible with some padding (120px from top for popup space)\n\tconst verticalInView = rect.top >= 120 && rect.bottom <= windowHeight;\n\tconst horizontalInView = rect.left >= 0 && rect.right <= windowWidth;\n\n\treturn verticalInView && horizontalInView;\n};\n\n/\n Scroll to element smoothly with offset\n * @param element - Element to scroll to\n * @param offset - Offset from top (default 120px for popup space)\n * @returns Promise that resolves when scroll completes\n */\nexport const scrollToElementSmooth = (\n\telement: Element,\n\toffset: number = 120,\n): Promise<void> => {\n\treturn new Promise((resolve) => {\n\t\t// Check if element is already in viewport\n\t\tif (isElementInViewport(element)) {\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\tconst elementRect = element.getBoundingClientRect();\n\t\tconst absoluteElementTop = elementRect.top + window.pageYOffset;\n\t\tconst targetScrollPosition = absoluteElementTop - offset;\n\n\t\t// Use smooth scroll\n\t\twindow.scrollTo({\n\t\t\ttop: targetScrollPosition,\n\t\t\tbehavior: 'smooth',\n\t\t});\n\n\t\t// Wait for scroll to complete\n\t\t// Monitor scroll events to detect completion\n\t\tlet scrollTimeout: ReturnType<typeof setTimeout>;\n\t\tconst onScroll = () => {\n\t\t\tclearTimeout(scrollTimeout);\n\t\t\tscrollTimeout = setTimeout(() => {\n\t\t\t\twindow.removeEventListener('scroll', onScroll);\n\t\t\t\t// Add small delay to ensure scroll is complete\n\t\t\t\tsetTimeout(() => resolve(), 100);\n\t\t\t}, 100);\n\t\t};\n\n\t\twindow.addEventListener('scroll', onScroll, { passive: true });\n\n\t\t// Fallback timeout in case scroll doesn't fire\n\t\tsetTimeout(() => {\n\t\t\twindow.removeEventListener('scroll', onScroll);\n\t\t\tresolve();\n\t\t}, 1000);\n\t});\n};\n"],"names":["findWhatsNewButton","isElementInViewport","element","rect","getBoundingClientRect","windowHeight","window","innerHeight","document","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","verticalInView","top","bottom","horizontalInView","left","right","featureTag","targetSelector","startsWith","querySelector","targetButton","SELECTORS","WHATS_NEW_BUTTON","MAIN_ICON_CLASS","svg","SVG_VIEWBOX","CLIPPATH_PATTERN","closest","parentElement","selector","~~scrollToElementSmooth~~","~~offset~~","Promise","resolve","targetScrollPosition","pageYOffset","scrollTimeout","scrollTo","behavior","onScroll","clearTimeout","setTimeout","removeEventListener","addEventListener","passive"],"mappings":"qJAMaA,MA0DAC,EAAuBC,IACnC,MAAMC,EAAOD,EAAQE,wBACfC,EACLC,OAAOC,aAAeC,SAASC,gBAAgBC,aAC1CC,EAAcL,OAAOM,YAAcJ,SAASC,gBAAgBI,YAG5DC,EAAiBX,EAAKY,KAAO,KAAOZ,EAAKa,QAAUX,EACnDY,EAAmBd,EAAKe,MAAQ,GAAKf,EAAKgB,OAASR,EAEzD,OAAOG,GAAkBG,CAAgB,gCA1CJG,IACrC,MAAMC,EACLD,EAAWE,WAAW,MACtBF,EAAWE,WAAW,MACtBF,EAAWE,WAAW,KACnBF,EACA,IAAIA,IAER,OAAOZ,SAASe,cAAcF,EAAe,6BAlCZrB,KAEjC,IAAIwB,EAAehB,SAASe,cAAcE,EAASA,UAACC,kBACpD,GAAIF,EAAc,OAAOA,EAIzB,GADAA,EAAehB,SAASe,cAAcE,EAASA,UAACE,iBAC5CH,EAAc,OAAOA,EAGzB,MAAMI,EAAMpB,SAASe,cAAcE,EAASA,UAACI,aAC7C,GAAID,EAAK,CAER,GADoBA,EAAIL,cAAcE,EAASA,UAACK,kBAE/C,OAAOF,EAAIG,QAAQN,EAAAA,UAAUC,mBAAqBE,EAAII,aAEvD,CAED,OAAO,IAAI,0DAwBsBC,GAEhCA,EAASX,WAAW,MACpBW,EAASX,WAAW,MACpBW,EAASX,WAAW,KAEbW,EAED,IAAIA,~~kCA2ByBC~~,~~CACpChC~~,~~EACAiC~~,~~EAAiB~~,~~MAEV~~,~~IAAIC~~,SAASC,IAEnB,~~GAAIpC~~,EAAoBC,GAEvB,~~YADAmC~~,IAID,MAEMC,~~EAFcpC~~,EAAQE,wBACWW,IAAMT,~~OAAOiC~~,~~YACFJ~~,EAUlD,~~IAAIK~~,~~EAPJlC~~,~~OAAOmC~~,SAAS,~~CACf1B~~,~~IAAKuB~~,EACLI,SAAU,WAMX,MAAMC,EAAWA,KAChBC,aAAaJ,GACbA,EAAgBK,YAAW,~~KAC1BvC~~,~~OAAOwC~~,oBAAoB,SAAUH,GAErCE,YAAW,IAAMR,KAAW,IAAI,GAC9B,IAAI,~~EAGR/B~~,~~OAAOyC~~,iBAAiB,SAAUJ,EAAU,CAAEK,SAAS,IAGvDH,YAAW,~~KACVvC~~,~~OAAOwC~~,oBAAoB,SAAUH,GACrCN,GAAS,GACP,IAAK"}
1	+ {"version":3,"file":"elementHelpers.js","sources":["../../../../../src/components/feature-announcements/utils/elementHelpers.ts"],"sourcesContent":["import { SELECTORS } from '../constants';\n\n/*\n Find What's New button using multiple strategies\n * @returns Element or null\n /\nexport const findWhatsNewButton = (): Element \| null => {\n\t// Strategy 1: data-testid\n\tlet targetButton = document.querySelector(SELECTORS.WHATS_NEW_BUTTON);\n\tif (targetButton) return targetButton;\n\n\t// Strategy 2: class name\n\ttargetButton = document.querySelector(SELECTORS.MAIN_ICON_CLASS);\n\tif (targetButton) return targetButton;\n\n\t// Strategy 3: SVG with specific viewBox\n\tconst svg = document.querySelector(SELECTORS.SVG_VIEWBOX);\n\tif (svg) {\n\t\tconst hasClipPath = svg.querySelector(SELECTORS.CLIPPATH_PATTERN);\n\t\tif (hasClipPath) {\n\t\t\treturn svg.closest(SELECTORS.WHATS_NEW_BUTTON) \|\| svg.parentElement;\n\t\t}\n\t}\n\n\treturn null;\n};\n\n/\n Find target element for minor update\n * @param featureTag - Feature tag selector\n * @returns Element or null\n /\nexport const findFeatureTagElement = (featureTag: string): Element \| null => {\n\tconst targetSelector =\n\t\tfeatureTag.startsWith('#') \|\|\n\t\tfeatureTag.startsWith('.') \|\|\n\t\tfeatureTag.startsWith('[')\n\t\t\t? featureTag\n\t\t\t: `#${featureTag}`;\n\n\treturn document.querySelector(targetSelector);\n};\n\n/\n Normalize selector string\n * @param selector - Selector string\n * @returns Normalized selector\n /\nexport const normalizeSelector = (selector: string): string => {\n\tif (\n\t\tselector.startsWith('#') \|\|\n\t\tselector.startsWith('.') \|\|\n\t\tselector.startsWith('[')\n\t) {\n\t\treturn selector;\n\t}\n\treturn `#${selector}`;\n};\n\n/\n Check if element is fully visible in viewport\n * @param element - Element to check\n * @returns True if element is fully visible\n /\nexport const isElementInViewport = (element: Element): boolean => {\n\tconst rect = element.getBoundingClientRect();\n\tconst windowHeight =\n\t\twindow.innerHeight \|\| document.documentElement.clientHeight;\n\tconst windowWidth = window.innerWidth \|\| document.documentElement.clientWidth;\n\n\t// Check if element is fully visible with some padding (120px from top for popup space)\n\tconst verticalInView = rect.top >= 120 && rect.bottom <= windowHeight;\n\tconst horizontalInView = rect.left >= 0 && rect.right <= windowWidth;\n\n\treturn verticalInView && horizontalInView;\n};\n\n/\n Scroll to element smoothly with offset\n * @param element - Element to scroll to\n * @param offset - Offset from top (default 120px for popup space)\n * @returns Promise that resolves when scroll completes\n */\nexport const scrollToElementSmooth = (\n\telement: Element,\n\toffset: number = 120,\n): Promise<void> => {\n\treturn new Promise((resolve) => {\n\t\t// Check if element is already in viewport\n\t\tif (isElementInViewport(element)) {\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\tconst elementRect = element.getBoundingClientRect();\n\t\tconst absoluteElementTop = elementRect.top + window.pageYOffset;\n\t\tconst targetScrollPosition = absoluteElementTop - offset;\n\n\t\t// Use smooth scroll\n\t\twindow.scrollTo({\n\t\t\ttop: targetScrollPosition,\n\t\t\tbehavior: 'smooth',\n\t\t});\n\n\t\t// Wait for scroll to complete\n\t\t// Monitor scroll events to detect completion\n\t\tlet scrollTimeout: ReturnType<typeof setTimeout>;\n\t\tconst onScroll = () => {\n\t\t\tclearTimeout(scrollTimeout);\n\t\t\tscrollTimeout = setTimeout(() => {\n\t\t\t\twindow.removeEventListener('scroll', onScroll);\n\t\t\t\t// Add small delay to ensure scroll is complete\n\t\t\t\tsetTimeout(() => resolve(), 100);\n\t\t\t}, 100);\n\t\t};\n\n\t\twindow.addEventListener('scroll', onScroll, { passive: true });\n\n\t\t// Fallback timeout in case scroll doesn't fire\n\t\tsetTimeout(() => {\n\t\t\twindow.removeEventListener('scroll', onScroll);\n\t\t\tresolve();\n\t\t}, 1000);\n\t});\n};\n"],"names":["findWhatsNewButton","isElementInViewport","element","rect","getBoundingClientRect","windowHeight","window","innerHeight","document","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","verticalInView","top","bottom","horizontalInView","left","right","featureTag","targetSelector","startsWith","querySelector","targetButton","SELECTORS","WHATS_NEW_BUTTON","MAIN_ICON_CLASS","svg","SVG_VIEWBOX","CLIPPATH_PATTERN","closest","parentElement","selector","offset","arguments","length","undefined","Promise","resolve","targetScrollPosition","pageYOffset","scrollTimeout","scrollTo","behavior","onScroll","clearTimeout","setTimeout","removeEventListener","addEventListener","passive"],"mappings":"qJAMaA,MA0DAC,EAAuBC,IACnC,MAAMC,EAAOD,EAAQE,wBACfC,EACLC,OAAOC,aAAeC,SAASC,gBAAgBC,aAC1CC,EAAcL,OAAOM,YAAcJ,SAASC,gBAAgBI,YAG5DC,EAAiBX,EAAKY,KAAO,KAAOZ,EAAKa,QAAUX,EACnDY,EAAmBd,EAAKe,MAAQ,GAAKf,EAAKgB,OAASR,EAEzD,OAAOG,GAAkBG,CAAgB,gCA1CJG,IACrC,MAAMC,EACLD,EAAWE,WAAW,MACtBF,EAAWE,WAAW,MACtBF,EAAWE,WAAW,KACnBF,EACA,IAAIA,IAER,OAAOZ,SAASe,cAAcF,EAAe,6BAlCZrB,KAEjC,IAAIwB,EAAehB,SAASe,cAAcE,EAASA,UAACC,kBACpD,GAAIF,EAAc,OAAOA,EAIzB,GADAA,EAAehB,SAASe,cAAcE,EAASA,UAACE,iBAC5CH,EAAc,OAAOA,EAGzB,MAAMI,EAAMpB,SAASe,cAAcE,EAASA,UAACI,aAC7C,GAAID,EAAK,CAER,GADoBA,EAAIL,cAAcE,EAASA,UAACK,kBAE/C,OAAOF,EAAIG,QAAQN,EAAAA,UAAUC,mBAAqBE,EAAII,aAEvD,CAED,OAAO,IAAI,0DAwBsBC,GAEhCA,EAASX,WAAW,MACpBW,EAASX,WAAW,MACpBW,EAASX,WAAW,KAEbW,EAED,IAAIA,kCA2ByB,SACpC/B,GAEkB,IADlBgC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAiB,IAEjB,OAAO,IAAIG,SAASC,IAEnB,GAAItC,EAAoBC,GAEvB,YADAqC,IAID,MAEMC,EAFctC,EAAQE,wBACWW,IAAMT,OAAOmC,YACFP,EAUlD,IAAIQ,EAPJpC,OAAOqC,SAAS,CACf5B,IAAKyB,EACLI,SAAU,WAMX,MAAMC,EAAWA,KAChBC,aAAaJ,GACbA,EAAgBK,YAAW,KAC1BzC,OAAO0C,oBAAoB,SAAUH,GAErCE,YAAW,IAAMR,KAAW,IAAI,GAC9B,IAAI,EAGRjC,OAAO2C,iBAAiB,SAAUJ,EAAU,CAAEK,SAAS,IAGvDH,YAAW,KACVzC,OAAO0C,oBAAoB,SAAUH,GACrCN,GAAS,GACP,IAAK,GAEV"}

package/dist/cjs/components/file-uploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/file-uploader/FileUploader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { Curtain } from '@src/components/curtain';\nimport {\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tFileUploadedStyle,\n\tFileUploaderStyle,\n} from '@src/components/file-uploader/FileUploaderStyle';\nimport {\n\tFileMetaData,\n\tFileUploaderProps,\n} from '@src/components/file-uploader/Models';\nimport { Input } from '@src/components/input';\nimport { ProgressBarComponent } from '@src/components/progress-bar';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CheckIcon from '../../assets/icons/check.svg';\nimport FileIcon from '../../assets/icons/file.svg';\nimport FilePdfIcon from '../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../assets/icons/image.svg';\nimport TriangleErrorIcon from '../../assets/icons/triangle_error.svg';\nimport UploadIcon from '../../assets/icons/upload.svg';\nimport VideoRecorderIcon from '../../assets/icons/videoRecorder.svg';\n\nexport const FileUploader: React.FC<FileUploaderProps> = (props) => {\n\tconst [error, setError] = useState<string>('');\n\tconst [urlError, setUrlError] = useState<string>('');\n\tconst [file, setFile] = useState<File \| null>(null);\n\tconst [showProgressBar, setShowProgressBar] = useState<boolean>(false);\n\tconst [fileMeta, setFileMeta] = useState<FileMetaData>();\n\tconst [fileFormatName, setFileFormatName] = useState<string>(\n\t\tprops.fileUploadRules.allowedFormats\n\t\t\t.split(',')\n\t\t\t.map((mimeType) => mimeType?.split('/')?.at(-1)?.toUpperCase())\n\t\t\t?.join('/') \|\| 'FILE',\n\t);\n\n\tconst validateFile = (file: File) => {\n\t\tif (!file) return 'Please upload an file before saving!';\n\t\tconst fileSizeLimit =\n\t\t\tprops.fileUploadRules.allowedSize[file.type.toLowerCase()];\n\t\tif (!fileSizeLimit) {\n\t\t\treturn 'Uploaded file type is not supported!';\n\t\t}\n\t\tif (file.size > fileSizeLimit) {\n\t\t\treturn `Max file size that can be added is ${formatFileSize(\n\t\t\t\tfileSizeLimit,\n\t\t\t)}`;\n\t\t}\n\t\treturn '';\n\t};\n\n\tconst getFileName = (fileName: string) => {\n\t\tconst extension = fileName.split('.').pop();\n\t\tif (props?.fileName) {\n\t\t\treturn `${props.fileName}.${extension}`;\n\t\t}\n\t\tconst date = new Date();\n\t\tconst _fileName =\n\t\t\tfileName.split('.')[0] +\n\t\t\t'_' +\n\t\t\tdate.getTime().toString() +\n\t\t\t'.' +\n\t\t\textension;\n\t\treturn _fileName;\n\t};\n\n\tconst formatFileSize = (bytes: number) => {\n\t\tif (!bytes) return '0 Bytes';\n\t\tconst k = 1024;\n\t\tconst dm = 2;\n\t\tconst sizes = ['Bytes', 'KB', 'MB'];\n\t\tconst power = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn `${parseFloat((bytes / Math.pow(k, power)).toFixed(dm))} ${\n\t\t\tsizes[power]\n\t\t}`;\n\t};\n\n\tconst getMetaData = (\n\t\tfile: File,\n\t\turl: string,\n\t\tfileName: string,\n\t): FileMetaData => {\n\t\tconst date = new Date();\n\t\treturn {\n\t\t\tfileId: date.getTime().toString(),\n\t\t\tfileName: fileName,\n\t\t\tfileSize: formatFileSize(file.size),\n\t\t\tfileType: file.type,\n\t\t\tfileUrl: url,\n\t\t\tuploadType: 'FileUpload',\n\t\t\tuploadDate: date,\n\t\t} as FileMetaData;\n\t};\n\n\tconst handleFileUpload = (target: any) => {\n\t\tsetError('');\n\t\tconst file = target?.files?.[0];\n\t\tconst error = validateFile(file);\n\t\tsetError(error);\n\t\tif (!error) {\n\t\t\tsetFile(file);\n\t\t\tuploadMedia(file);\n\t\t\tsetShowProgressBar(true);\n\t\t} else {\n\t\t\tprops.onError(error);\n\t\t}\n\t};\n\n\tconst uploadMedia = (file: File) => {\n\t\tif (!error) {\n\t\t\tconst fileName = getFileName(file.name);\n\t\t\tconst fileForamt = fileName.split('.').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\tsetFileFormatName(fileForamt);\n\t\t\tprops\n\t\t\t\t.uploadFile?.(file, fileName)\n\t\t\t\t.then((url) => {\n\t\t\t\t\tconst meta = getMetaData(file, url, fileName);\n\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\tsetFileMeta(meta);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror?.message \|\|\n\t\t\t\t\t\t'Unknown technical error occured while uploading file!';\n\t\t\t\t\tprops.onError(errorMessage);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst isValidUrl = (url: string) => {\n\t\ttry {\n\t\t\tnew URL(url);\n\t\t\treturn true;\n\t\t} catch (error) {\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tconst uploadFileFromUrl = (url: string) => {\n\t\tif (!url) return;\n\t\tif (!isValidUrl(url)) {\n\t\t\tsetUrlError(`Please enter a valid ${fileFormatName.toLowerCase()} URL`);\n\t\t\treturn;\n\t\t}\n\t\tprops.getFileMetaFromUrl?.(url).then(\n\t\t\t(meta) => {\n\t\t\t\tif (\n\t\t\t\t\t!meta \|\|\n\t\t\t\t\t!meta.type \|\|\n\t\t\t\t\tmeta.type.split('/').at(-1)?.toLowerCase() !==\n\t\t\t\t\t\tfileFormatName.toLowerCase()\n\t\t\t\t) {\n\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t`Please enter a valid ${fileFormatName.toLowerCase()} URL`,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst fileSizeLimit =\n\t\t\t\t\t\tprops.fileUploadRules.allowedSize[meta.type.toLowerCase()];\n\t\t\t\t\tif (!fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError('Uploaded file type is not supported!');\n\t\t\t\t\t} else if (meta.size > fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t\t`Max file size that can be added is ${formatFileSize(\n\t\t\t\t\t\t\t\tfileSizeLimit,\n\t\t\t\t\t\t\t)}`,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst extension =\n\t\t\t\t\t\t\tmeta.type.split('/').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\t\t\t\tsetFileFormatName(extension);\n\t\t\t\t\t\tconst fileName = getFileName(`file.${extension.toLowerCase()}`);\n\t\t\t\t\t\tconst date = new Date();\n\t\t\t\t\t\tsetFileMeta({\n\t\t\t\t\t\t\tfileId: date.getTime().toString(),\n\t\t\t\t\t\t\tfileName: fileName,\n\t\t\t\t\t\t\tfileSize: formatFileSize(meta.size),\n\t\t\t\t\t\t\tfileType: meta.type,\n\t\t\t\t\t\t\tfileUrl: url,\n\t\t\t\t\t\t\tuploadType: 'URL',\n\t\t\t\t\t\t\tuploadDate: date,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t(err) => setUrlError(err?.message ?? 'Please enter a valid image URL'),\n\t\t);\n\t};\n\n\tconst renderFileIcon = (color: string, height: number, width: number) => {\n\t\tif (FileTypeIconMapping[fileFormatName] === 'IMAGE')\n\t\t\treturn <ImageIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'VIDEO')\n\t\t\treturn <VideoRecorderIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'PDF')\n\t\t\treturn <FilePdfIcon color={color} height={height} width={width} />;\n\t\treturn <FileIcon color={color} height={height} width={width} />;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!(fileMeta && Object.keys(fileMeta)?.length) ? (\n\t\t\t\t<FileUploaderStyle showProgressBar={showProgressBar}>\n\t\t\t\t\t<div className=\"fileUploader\">\n\t\t\t\t\t\t<div className=\"fileUploader__header\">\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 36, 30)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Tooltip body={fileFormatName} placement={'top'}>\n\t\t\t\t\t\t\t\t<div className=\"fileUploader__header__title\">\n\t\t\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t\t? 'Document upload in progress'\n\t\t\t\t\t\t\t\t\t\t\t: `Upload ${fileFormatName}`}\n\t\t\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__caption\">\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t? `Your ${fileFormatName} is getting loaded. This may take a couple of minutes.`\n\t\t\t\t\t\t\t\t\t\t: `${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Files'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName + ' format'\n\t\t\t\t\t\t\t\t\t\t } • Max ${formatFileSize(\n\t\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Object.values(props.fileUploadRules.allowedSize),\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t )}`}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploader__body\">\n\t\t\t\t\t\t\t{showProgressBar ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__progress-bar\">\n\t\t\t\t\t\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\t\t\t\t\t\tcompleted={props.uploadProgress}\n\t\t\t\t\t\t\t\t\t\t\tisAnimated={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__cancel-button\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={'cancel'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__link\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\ttype={'text'}\n\t\t\t\t\t\t\t\t\t\t\tonChangeText={() => setUrlError('')}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={`Enter URL of the ${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'file'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\t\theight={'48px'}\n\t\t\t\t\t\t\t\t\t\t\tlabelText={`${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/') ? 'File' : fileFormatName\n\t\t\t\t\t\t\t\t\t\t\t} link`}\n\t\t\t\t\t\t\t\t\t\t\terrorMessage={urlError}\n\t\t\t\t\t\t\t\t\t\t\tonBlur={(e) => uploadFileFromUrl(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__divider\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\tOr upload from device\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__upload\">\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\thtmlFor=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"file-upload-label\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"file-uploader\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadIcon height={18} width={18} />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge style={{ color: COLORS.content.brand }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUpload\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tid=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\t\t\t\taccept={props.fileUploadRules.allowedFormats}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0, position: 'absolute', zIndex: -1 }}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(event: React.FormEvent) =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleFileUpload(event.target)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<div className=\"fileUploadError\">\n\t\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t\ttype={CURTAIN_TYPES.NEGATIVE}\n\t\t\t\t\t\t\t\tmode={CURTAIN_MODE.LIGHT}\n\t\t\t\t\t\t\t\ttext={error}\n\t\t\t\t\t\t\t\thideCrossIcon={true}\n\t\t\t\t\t\t\t\ticon={() => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<TriangleErrorIcon\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\twidth={19}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</FileUploaderStyle>\n\t\t\t) : (\n\t\t\t\t<FileUploadedStyle className=\"fileUploaded\">\n\t\t\t\t\t<div className=\"fileUploaded__header\">\n\t\t\t\t\t\t<div className=\"fileUploaded__header__icon\">\n\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\theight={46}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__header__title\">\n\t\t\t\t\t\t\t<TitleMedium>{fileFormatName} uploaded successfully</TitleMedium>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"fileUploaded__body\">\n\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 22, 18)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__name\">\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{fileMeta?.fileName}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__size\">\n\t\t\t\t\t\t\t\t{fileMeta?.fileSize}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__edit\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Edit\"\n\t\t\t\t\t\t\t\t\tbuttonType={'secondary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\tprops.fileUploadRules.allowedFormats\n\t\t\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t\t\t.map((mimeType) =>\n\t\t\t\t\t\t\t\t\t\t\t\tmimeType?.split('/')?.at(-1)?.toUpperCase(),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t?.join('/') \|\| 'FILE';\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__done\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Done\"\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onSuccess(file!, fileMeta)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</FileUploadedStyle>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst FileTypeIconMapping = {\n\tPDF: 'PDF',\n\tJPG: 'IMAGE',\n\tJPEG: 'IMAGE',\n\tPNG: 'IMAGE',\n\tGIF: 'IMAGE',\n\tSVG: 'IMAGE',\n\tMP4: 'VIDEO',\n\tMKV: 'VIDEO',\n\tAVI: 'VIDEO',\n\tWMV: 'VIDEO',\n\tFILE: 'FILE',\n};\n"],"names":["FileUploader","FileTypeIconMapping","PDF","JPG","JPEG","PNG","GIF","SVG","MP4","MKV","AVI","WMV","FILE","props","error","setError","useState","urlError","setUrlError","file","setFile","showProgressBar","setShowProgressBar","fileMeta","setFileMeta","fileFormatName","setFileFormatName","_a","fileUploadRules","allowedFormats","split","map","mimeType","_b","at","toUpperCase","join","getFileName","fileName","extension","pop","date","Date","getTime","toString","formatFileSize","bytes","power","Math","floor","log","parseFloat","pow","toFixed","handleFileUpload","target","files","fileSizeLimit","allowedSize","type","toLowerCase","size","validateFile","onError","uploadMedia","name","fileForamt","uploadFile","call","then","url","meta","getMetaData","fileId","fileSize","fileType","fileUrl","uploadType","uploadDate","catch","errorMessage","message","uploadFileFromUrl","URL","isValidUrl","getFileMetaFromUrl","err","renderFileIcon","color","height","width","_jsx","ImageIcon","VideoRecorderIcon","FilePdfIcon","FileIcon","_Fragment","children","Object","keys","length","_jsxs","jsxs","FileUploadedStyle","assign","className","jsx","CheckIcon","COLORS","content","primaryInverse","TitleMedium","secondary","BodySecondary","style","overflow","whiteSpace","textOverflow","Button","buttonText","buttonType","matchParentWidth","onClick","onSuccess","FileUploaderStyle","Tooltip","body","placement","display","includes","max","values","ProgressBarComponent","completed","uploadProgress","isAnimated","Input","onChangeText","placeholder","labelText","onBlur","e","value","BodyCaption","htmlFor","UploadIcon","ButtonLarge","brand","id","accept","opacity","position","zIndex","onChange","event","Curtain","CURTAIN_TYPES","NEGATIVE","mode","CURTAIN_MODE","LIGHT","text","hideCrossIcon","icon","TriangleErrorIcon","negative"],"mappings":"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"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/file-uploader/FileUploader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { Curtain } from '@src/components/curtain';\nimport {\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tFileUploadedStyle,\n\tFileUploaderStyle,\n} from '@src/components/file-uploader/FileUploaderStyle';\nimport {\n\tFileMetaData,\n\tFileUploaderProps,\n} from '@src/components/file-uploader/Models';\nimport { Input } from '@src/components/input';\nimport { ProgressBarComponent } from '@src/components/progress-bar';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CheckIcon from '../../assets/icons/check.svg';\nimport FileIcon from '../../assets/icons/file.svg';\nimport FilePdfIcon from '../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../assets/icons/image.svg';\nimport TriangleErrorIcon from '../../assets/icons/triangle_error.svg';\nimport UploadIcon from '../../assets/icons/upload.svg';\nimport VideoRecorderIcon from '../../assets/icons/videoRecorder.svg';\n\nexport const FileUploader: React.FC<FileUploaderProps> = (props) => {\n\tconst [error, setError] = useState<string>('');\n\tconst [urlError, setUrlError] = useState<string>('');\n\tconst [file, setFile] = useState<File \| null>(null);\n\tconst [showProgressBar, setShowProgressBar] = useState<boolean>(false);\n\tconst [fileMeta, setFileMeta] = useState<FileMetaData>();\n\tconst [fileFormatName, setFileFormatName] = useState<string>(\n\t\tprops.fileUploadRules.allowedFormats\n\t\t\t.split(',')\n\t\t\t.map((mimeType) => mimeType?.split('/')?.at(-1)?.toUpperCase())\n\t\t\t?.join('/') \|\| 'FILE',\n\t);\n\n\tconst validateFile = (file: File) => {\n\t\tif (!file) return 'Please upload an file before saving!';\n\t\tconst fileSizeLimit =\n\t\t\tprops.fileUploadRules.allowedSize[file.type.toLowerCase()];\n\t\tif (!fileSizeLimit) {\n\t\t\treturn 'Uploaded file type is not supported!';\n\t\t}\n\t\tif (file.size > fileSizeLimit) {\n\t\t\treturn `Max file size that can be added is ${formatFileSize(\n\t\t\t\tfileSizeLimit,\n\t\t\t)}`;\n\t\t}\n\t\treturn '';\n\t};\n\n\tconst getFileName = (fileName: string) => {\n\t\tconst extension = fileName.split('.').pop();\n\t\tif (props?.fileName) {\n\t\t\treturn `${props.fileName}.${extension}`;\n\t\t}\n\t\tconst date = new Date();\n\t\tconst _fileName =\n\t\t\tfileName.split('.')[0] +\n\t\t\t'_' +\n\t\t\tdate.getTime().toString() +\n\t\t\t'.' +\n\t\t\textension;\n\t\treturn _fileName;\n\t};\n\n\tconst formatFileSize = (bytes: number) => {\n\t\tif (!bytes) return '0 Bytes';\n\t\tconst k = 1024;\n\t\tconst dm = 2;\n\t\tconst sizes = ['Bytes', 'KB', 'MB'];\n\t\tconst power = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn `${parseFloat((bytes / Math.pow(k, power)).toFixed(dm))} ${\n\t\t\tsizes[power]\n\t\t}`;\n\t};\n\n\tconst getMetaData = (\n\t\tfile: File,\n\t\turl: string,\n\t\tfileName: string,\n\t): FileMetaData => {\n\t\tconst date = new Date();\n\t\treturn {\n\t\t\tfileId: date.getTime().toString(),\n\t\t\tfileName: fileName,\n\t\t\tfileSize: formatFileSize(file.size),\n\t\t\tfileType: file.type,\n\t\t\tfileUrl: url,\n\t\t\tuploadType: 'FileUpload',\n\t\t\tuploadDate: date,\n\t\t} as FileMetaData;\n\t};\n\n\tconst handleFileUpload = (target: any) => {\n\t\tsetError('');\n\t\tconst file = target?.files?.[0];\n\t\tconst error = validateFile(file);\n\t\tsetError(error);\n\t\tif (!error) {\n\t\t\tsetFile(file);\n\t\t\tuploadMedia(file);\n\t\t\tsetShowProgressBar(true);\n\t\t} else {\n\t\t\tprops.onError(error);\n\t\t}\n\t};\n\n\tconst uploadMedia = (file: File) => {\n\t\tif (!error) {\n\t\t\tconst fileName = getFileName(file.name);\n\t\t\tconst fileForamt = fileName.split('.').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\tsetFileFormatName(fileForamt);\n\t\t\tprops\n\t\t\t\t.uploadFile?.(file, fileName)\n\t\t\t\t.then((url) => {\n\t\t\t\t\tconst meta = getMetaData(file, url, fileName);\n\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\tsetFileMeta(meta);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror?.message \|\|\n\t\t\t\t\t\t'Unknown technical error occured while uploading file!';\n\t\t\t\t\tprops.onError(errorMessage);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst isValidUrl = (url: string) => {\n\t\ttry {\n\t\t\tnew URL(url);\n\t\t\treturn true;\n\t\t} catch (error) {\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tconst uploadFileFromUrl = (url: string) => {\n\t\tif (!url) return;\n\t\tif (!isValidUrl(url)) {\n\t\t\tsetUrlError(`Please enter a valid ${fileFormatName.toLowerCase()} URL`);\n\t\t\treturn;\n\t\t}\n\t\tprops.getFileMetaFromUrl?.(url).then(\n\t\t\t(meta) => {\n\t\t\t\tif (\n\t\t\t\t\t!meta \|\|\n\t\t\t\t\t!meta.type \|\|\n\t\t\t\t\tmeta.type.split('/').at(-1)?.toLowerCase() !==\n\t\t\t\t\t\tfileFormatName.toLowerCase()\n\t\t\t\t) {\n\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t`Please enter a valid ${fileFormatName.toLowerCase()} URL`,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst fileSizeLimit =\n\t\t\t\t\t\tprops.fileUploadRules.allowedSize[meta.type.toLowerCase()];\n\t\t\t\t\tif (!fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError('Uploaded file type is not supported!');\n\t\t\t\t\t} else if (meta.size > fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t\t`Max file size that can be added is ${formatFileSize(\n\t\t\t\t\t\t\t\tfileSizeLimit,\n\t\t\t\t\t\t\t)}`,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst extension =\n\t\t\t\t\t\t\tmeta.type.split('/').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\t\t\t\tsetFileFormatName(extension);\n\t\t\t\t\t\tconst fileName = getFileName(`file.${extension.toLowerCase()}`);\n\t\t\t\t\t\tconst date = new Date();\n\t\t\t\t\t\tsetFileMeta({\n\t\t\t\t\t\t\tfileId: date.getTime().toString(),\n\t\t\t\t\t\t\tfileName: fileName,\n\t\t\t\t\t\t\tfileSize: formatFileSize(meta.size),\n\t\t\t\t\t\t\tfileType: meta.type,\n\t\t\t\t\t\t\tfileUrl: url,\n\t\t\t\t\t\t\tuploadType: 'URL',\n\t\t\t\t\t\t\tuploadDate: date,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t(err) => setUrlError(err?.message ?? 'Please enter a valid image URL'),\n\t\t);\n\t};\n\n\tconst renderFileIcon = (color: string, height: number, width: number) => {\n\t\tif (FileTypeIconMapping[fileFormatName] === 'IMAGE')\n\t\t\treturn <ImageIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'VIDEO')\n\t\t\treturn <VideoRecorderIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'PDF')\n\t\t\treturn <FilePdfIcon color={color} height={height} width={width} />;\n\t\treturn <FileIcon color={color} height={height} width={width} />;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!(fileMeta && Object.keys(fileMeta)?.length) ? (\n\t\t\t\t<FileUploaderStyle showProgressBar={showProgressBar}>\n\t\t\t\t\t<div className=\"fileUploader\">\n\t\t\t\t\t\t<div className=\"fileUploader__header\">\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 36, 30)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Tooltip body={fileFormatName} placement={'top'}>\n\t\t\t\t\t\t\t\t<div className=\"fileUploader__header__title\">\n\t\t\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t\t? 'Document upload in progress'\n\t\t\t\t\t\t\t\t\t\t\t: `Upload ${fileFormatName}`}\n\t\t\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__caption\">\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t? `Your ${fileFormatName} is getting loaded. This may take a couple of minutes.`\n\t\t\t\t\t\t\t\t\t\t: `${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Files'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName + ' format'\n\t\t\t\t\t\t\t\t\t\t } • Max ${formatFileSize(\n\t\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Object.values(props.fileUploadRules.allowedSize),\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t )}`}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploader__body\">\n\t\t\t\t\t\t\t{showProgressBar ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__progress-bar\">\n\t\t\t\t\t\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\t\t\t\t\t\tcompleted={props.uploadProgress}\n\t\t\t\t\t\t\t\t\t\t\tisAnimated={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__cancel-button\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={'cancel'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__link\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\ttype={'text'}\n\t\t\t\t\t\t\t\t\t\t\tonChangeText={() => setUrlError('')}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={`Enter URL of the ${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'file'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\t\theight={'48px'}\n\t\t\t\t\t\t\t\t\t\t\tlabelText={`${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/') ? 'File' : fileFormatName\n\t\t\t\t\t\t\t\t\t\t\t} link`}\n\t\t\t\t\t\t\t\t\t\t\terrorMessage={urlError}\n\t\t\t\t\t\t\t\t\t\t\tonBlur={(e) => uploadFileFromUrl(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__divider\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\tOr upload from device\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__upload\">\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\thtmlFor=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"file-upload-label\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"file-uploader\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadIcon height={18} width={18} />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge style={{ color: COLORS.content.brand }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUpload\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tid=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\t\t\t\taccept={props.fileUploadRules.allowedFormats}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0, position: 'absolute', zIndex: -1 }}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(event: React.FormEvent) =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleFileUpload(event.target)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<div className=\"fileUploadError\">\n\t\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t\ttype={CURTAIN_TYPES.NEGATIVE}\n\t\t\t\t\t\t\t\tmode={CURTAIN_MODE.LIGHT}\n\t\t\t\t\t\t\t\ttext={error}\n\t\t\t\t\t\t\t\thideCrossIcon={true}\n\t\t\t\t\t\t\t\ticon={() => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<TriangleErrorIcon\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\twidth={19}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</FileUploaderStyle>\n\t\t\t) : (\n\t\t\t\t<FileUploadedStyle className=\"fileUploaded\">\n\t\t\t\t\t<div className=\"fileUploaded__header\">\n\t\t\t\t\t\t<div className=\"fileUploaded__header__icon\">\n\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\theight={46}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__header__title\">\n\t\t\t\t\t\t\t<TitleMedium>{fileFormatName} uploaded successfully</TitleMedium>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"fileUploaded__body\">\n\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 22, 18)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__name\">\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{fileMeta?.fileName}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__size\">\n\t\t\t\t\t\t\t\t{fileMeta?.fileSize}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__edit\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Edit\"\n\t\t\t\t\t\t\t\t\tbuttonType={'secondary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\tprops.fileUploadRules.allowedFormats\n\t\t\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t\t\t.map((mimeType) =>\n\t\t\t\t\t\t\t\t\t\t\t\tmimeType?.split('/')?.at(-1)?.toUpperCase(),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t?.join('/') \|\| 'FILE';\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__done\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Done\"\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onSuccess(file!, fileMeta)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</FileUploadedStyle>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst FileTypeIconMapping = {\n\tPDF: 'PDF',\n\tJPG: 'IMAGE',\n\tJPEG: 'IMAGE',\n\tPNG: 'IMAGE',\n\tGIF: 'IMAGE',\n\tSVG: 'IMAGE',\n\tMP4: 'VIDEO',\n\tMKV: 'VIDEO',\n\tAVI: 'VIDEO',\n\tWMV: 'VIDEO',\n\tFILE: 'FILE',\n};\n"],"names":["FileUploader","FileTypeIconMapping","PDF","JPG","JPEG","PNG","GIF","SVG","MP4","MKV","AVI","WMV","FILE","props","error","setError","useState","urlError","setUrlError","file","setFile","showProgressBar","setShowProgressBar","fileMeta","setFileMeta","fileFormatName","setFileFormatName","_a","fileUploadRules","allowedFormats","split","map","mimeType","_b","at","toUpperCase","join","getFileName","fileName","extension","pop","date","Date","getTime","toString","formatFileSize","bytes","power","Math","floor","log","parseFloat","pow","toFixed","handleFileUpload","target","files","fileSizeLimit","allowedSize","type","toLowerCase","size","validateFile","onError","uploadMedia","name","fileForamt","uploadFile","call","then","url","meta","getMetaData","fileId","fileSize","fileType","fileUrl","uploadType","uploadDate","catch","errorMessage","message","uploadFileFromUrl","URL","isValidUrl","getFileMetaFromUrl","err","renderFileIcon","color","height","width","_jsx","ImageIcon","VideoRecorderIcon","FilePdfIcon","FileIcon","_Fragment","children","Object","keys","length","_jsxs","jsxs","FileUploadedStyle","assign","className","jsx","CheckIcon","COLORS","content","primaryInverse","TitleMedium","secondary","BodySecondary","style","overflow","whiteSpace","textOverflow","Button","buttonText","buttonType","matchParentWidth","onClick","onSuccess","FileUploaderStyle","Tooltip","body","placement","display","includes","max","values","ProgressBarComponent","completed","uploadProgress","isAnimated","Input","onChangeText","placeholder","labelText","onBlur","e","value","BodyCaption","htmlFor","UploadIcon","ButtonLarge","brand","id","accept","opacity","position","zIndex","onChange","event","Curtain","CURTAIN_TYPES","NEGATIVE","mode","CURTAIN_MODE","LIGHT","text","hideCrossIcon","icon","TriangleErrorIcon","negative"],"mappings":"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"}

package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingActionButton.styles.js","sources":["../../../../src/components/floating-action-button/FloatingActionButton.styles.ts"],"sourcesContent":["import { Dropdown } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum FAB_POSITION {\n\tTOP_LEFT = 'top left',\n\tTOP_RIGHT = 'top right',\n\tBOTTOM_LEFT = 'bottom left',\n\tBOTTOM_RIGHT = 'botton right',\n}\n\nexport enum DROP_POSITION {\n\tUP = 'up',\n\tUP_CENTERED = 'up-centered',\n\tSTART = 'start',\n\tEND = 'end',\n\tDOWN = 'down',\n\tDOWN_CENTERED = 'down-centered',\n}\n\nexport enum MENU_ALIGNMENT {\n\tSTART = 'start',\n\tEND = 'end',\n}\n\nexport const FloatingActionButtonContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tisRound?: boolean;\n}>`\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tbackground: ${(props) => props.color};\n\t${(props) =>\n\t\tprops.isRound\n\t\t\t? 'border-radius: 50%;'\n\t\t\t: 'border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;'}\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: flex;\n`;\nexport const FloatingActionButtonOuterContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tposition: FAB_POSITION;\n\tbuttonPaddingHorizontal: number;\n\tbuttonPaddingVertical: number;\n\tzIndex: number;\n}>`\n\tdisplay: flex;\n\tborder-radius: 50%;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tposition: fixed;\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tz-index: ${(props) => props.zIndex};\n\t${(props) =>\n\t\tprops.position === FAB_POSITION.BOTTOM_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.BOTTOM_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: ``};\n`;\n\nexport const StyledDropdown = styled(Dropdown)<{\n\tactive?: string;\n\twidth?: string;\n\theight?: string;\n}>`\n\t.filter-container {\n\t\t.single-row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 8px;\n\t\t\tpadding: 14px;\n\t\t\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\n\t\t\t:last-child {\n\t\t\t\tborder-bottom: none !important;\n\t\t\t}\n\t\t}\n\t}\n\tbutton:not(.date-picker-save-button-container button) {\n\t\tborder: 1px solid\n\t\t\t${(props) =>\n\t\t\t\tprops.active === 'true'\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 6px 0px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.standard};\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t}\n\n\t.btn-primary:hover,\n\t.btn-primary:active,\n\t.btn-primary:focus,\n\t.btn-primary.dropdown-toggle,\n\t.show > .btn-primary.dropdown-toggle {\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: 'transparent'};\n\t\tborder: none;\n\t}\n\t.btn:focus {\n\t\toutline: 0;\n\t\tbox-shadow: 0 0 0 0.25rem transparent !important;\n\t}\n\n\t.dropdown-toggle::after {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\n\t.dropdown-toggle::before {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\t.dropdown-menu {\n\t\tmin-width: 12rem;\n\t\tpadding: 0 0;\n\t}\n\t.dropdown-item:active,\n\t.dropdown-item:hover {\n\t\tcolor: ${COLORS.content.positive};\n\t\ttext-decoration: none;\n\t\tbackground-color: ${COLORS.background.positive.light};\n\t}\n`;\n\nexport const DropdownToggleContainer = styled(Dropdown.Toggle)`\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 6px 8px;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nexport const TooltipStyled = styled.div<{ tooltipWidth?: number }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tcolor: ${COLORS.content.primaryInverse};\n\twidth: ${(props) =>\n\t\tprops.tooltipWidth ? props.tooltipWidth + 'px' : '120px'};\n`;\n"],"names":["FAB_POSITION","DROP_POSITION","MENU_ALIGNMENT","FloatingActionButtonContainer","styled","div","props","width","height","color","isRound","FloatingActionButtonOuterContainer","zIndex","position","BOTTOM_RIGHT","buttonPaddingHorizontal","buttonPaddingVertical","BOTTOM_LEFT","TOP_LEFT","TOP_RIGHT","StyledDropdown","Dropdown","COLORS","stroke","primary","active","positive","lightAlt","background","light","surface","standard","content","DropdownToggleContainer","Toggle","TooltipStyled","primaryInverse","tooltipWidth"],"mappings":"sPAIYA,EAOAC,EASAC,SAhBAF,QAKXA,kBAAA,GALWA,EAAAA,uBAAAA,QAAAA,aAKX,CAAA,IAJA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,aAAA,eAGWC,QAOXA,mBAAA,GAPWA,EAAAA,wBAAAA,QAAAA,cAOX,CAAA,IANA,GAAA,KACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBAGWC,QAGXA,oBAAA,GAHWA,EAAAA,yBAAAA,QAAAA,eAGX,CAAA,IAFA,MAAA,QACAA,EAAA,IAAA,MAGYC,MAAAA,EAAgCC,EAAM,QAACC,GAKlD;UACSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;eACZF,GAAUA,EAAMG;GAC5BH,GACFA,EAAMI,QACH,sBACA;;;;;EAMQC,EAAqCP,EAAM,QAACC,GAQvD;;;;;;UAMSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;YACfF,GAAUA,EAAMM;GACzBN,GACFA,EAAMO,WAAab,QAAYA,aAACc,~~aAC7B~~,~~UAAUR,~~EAAMS,sCAAsCT,EAAMU,0BAC5DV,EAAMO,WAAab,QAAYA,aAACiB,~~YAChC~~,~~SAASX,~~EAAMS,sCAAsCT,EAAMU,0BAC3DV,EAAMO,WAAab,QAAAA,aAAakB,~~SAChC~~,~~SAASZ,~~EAAMS,mCAAmCT,EAAMU,0BACxDV,EAAMO,WAAab,qBAAamB,~~UAChC~~,~~UAAUb,~~EAAMS,mCAAmCT,EAAMU,~~0BACzD~~;~~EAGQI~~,EAAiBhB,EAAAA,QAAOiB,EAAAA,SAInC;;;;;;;;;8BAS4BC,EAAMA,OAACC,OAAOC;;;;;;;;;KAStClB,GACe,SAAjBA,EAAMmB,OACHH,EAAMA,OAACC,OAAOG,SAASC,SACvBL,SAAOC,OAAOC;;;;;;;gBAOJlB,GACG,SAAjBA,EAAMmB,OACHH,EAAMA,OAACM,WAAWF,SAASG,MAC3BP,SAAOQ,QAAQC;WACTzB,GACQ,SAAjBA,EAAMmB,OACHH,EAAAA,OAAOU,QAAQN,SACfJ,EAAAA,OAAOU,QAAQR;;;;;;;;WAQTlB,GACQ,SAAjBA,EAAMmB,OACHH,EAAAA,OAAOU,QAAQN,SACfJ,EAAAA,OAAOU,QAAQR;sBACElB,GACH,SAAjBA,EAAMmB,OACHH,EAAMA,OAACM,WAAWF,SAASG,MAC3B;;;;;;;;;4BASsBP,EAAMA,OAACU,QAAQR;;;;;4BAKfF,EAAMA,OAACU,QAAQR;;;;;;;;;WAShCF,EAAMA,OAACU,QAAQN;;sBAEJJ,SAAOM,WAAWF,SAASG;;EAIpCI,EAA0B7B,EAAM,QAACiB,WAASa,OAAO;;;;;;;;;;EAYjDC,EAAgB/B,EAAM,QAACC,GAA8B;;;;qBAI7CiB,EAAMA,OAACU,QAAQR;UAC1BF,EAAMA,OAACU,QAAQI;UACd9B,GACTA,EAAM+B,aAAe/B,EAAM+B,aAAe,KAAO;"}
1	+ {"version":3,"file":"FloatingActionButton.styles.js","sources":["../../../../src/components/floating-action-button/FloatingActionButton.styles.ts"],"sourcesContent":["import { Dropdown } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport enum FAB_POSITION {\n\tTOP_LEFT = 'top left',\n\tTOP_RIGHT = 'top right',\n\tBOTTOM_LEFT = 'bottom left',\n\tBOTTOM_RIGHT = 'botton right',\n}\n\nexport enum DROP_POSITION {\n\tUP = 'up',\n\tUP_CENTERED = 'up-centered',\n\tSTART = 'start',\n\tEND = 'end',\n\tDOWN = 'down',\n\tDOWN_CENTERED = 'down-centered',\n}\n\nexport enum MENU_ALIGNMENT {\n\tSTART = 'start',\n\tEND = 'end',\n}\n\nexport const FloatingActionButtonContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tisRound?: boolean;\n}>`\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tbackground: ${(props) => props.color};\n\t${(props) =>\n\t\tprops.isRound\n\t\t\t? 'border-radius: 50%;'\n\t\t\t: 'border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius:50%;'}\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: flex;\n`;\nexport const FloatingActionButtonOuterContainer = styled.div<{\n\twidth: number;\n\theight: number;\n\tcolor: string;\n\tposition: FAB_POSITION;\n\tbuttonPaddingHorizontal: number;\n\tbuttonPaddingVertical: number;\n\tzIndex: number;\n}>`\n\tdisplay: flex;\n\tborder-radius: 50%;\n\tflex-direction: column;\n\talign-items: flex-end;\n\tposition: fixed;\n\twidth: ${(props) => props.width}px;\n\theight: ${(props) => props.height}px;\n\tz-index: ${(props) => props.zIndex};\n\t${(props) =>\n\t\tprops.position === FAB_POSITION.BOTTOM_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.BOTTOM_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; bottom: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_LEFT\n\t\t\t? `left: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: props.position === FAB_POSITION.TOP_RIGHT\n\t\t\t? `right: ${props.buttonPaddingHorizontal}px; top: ${props.buttonPaddingVertical}px`\n\t\t\t: ``};\n`;\n\nexport const StyledDropdown = styled(Dropdown)<{\n\tactive?: string;\n\twidth?: string;\n\theight?: string;\n}>`\n\t.filter-container {\n\t\t.single-row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-start;\n\t\t\tgap: 8px;\n\t\t\tpadding: 14px;\n\t\t\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\n\t\t\t:last-child {\n\t\t\t\tborder-bottom: none !important;\n\t\t\t}\n\t\t}\n\t}\n\tbutton:not(.date-picker-save-button-container button) {\n\t\tborder: 1px solid\n\t\t\t${(props) =>\n\t\t\t\tprops.active === 'true'\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 6px 0px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: COLORS.surface.standard};\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t}\n\n\t.btn-primary:hover,\n\t.btn-primary:active,\n\t.btn-primary:focus,\n\t.btn-primary.dropdown-toggle,\n\t.show > .btn-primary.dropdown-toggle {\n\t\tcolor: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.content.positive\n\t\t\t\t: COLORS.content.primary};\n\t\tbackground-color: ${(props) =>\n\t\t\tprops.active === 'true'\n\t\t\t\t? COLORS.background.positive.light\n\t\t\t\t: 'transparent'};\n\t\tborder: none;\n\t}\n\t.btn:focus {\n\t\toutline: 0;\n\t\tbox-shadow: 0 0 0 0.25rem transparent !important;\n\t}\n\n\t.dropdown-toggle::after {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\n\t.dropdown-toggle::before {\n\t\tborder-top: 0.3em solid ${COLORS.content.primary};\n\t\tdisplay: none !important;\n\t}\n\t.dropdown-menu {\n\t\tmin-width: 12rem;\n\t\tpadding: 0 0;\n\t}\n\t.dropdown-item:active,\n\t.dropdown-item:hover {\n\t\tcolor: ${COLORS.content.positive};\n\t\ttext-decoration: none;\n\t\tbackground-color: ${COLORS.background.positive.light};\n\t}\n`;\n\nexport const DropdownToggleContainer = styled(Dropdown.Toggle)`\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 6px 8px;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tline-height: 20px;\n`;\n\nexport const TooltipStyled = styled.div<{ tooltipWidth?: number }>`\n\tbox-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tbackground-color: ${COLORS.content.primary};\n\tcolor: ${COLORS.content.primaryInverse};\n\twidth: ${(props) =>\n\t\tprops.tooltipWidth ? props.tooltipWidth + 'px' : '120px'};\n`;\n"],"names":["FAB_POSITION","DROP_POSITION","MENU_ALIGNMENT","FloatingActionButtonContainer","styled","div","props","width","height","color","isRound","FloatingActionButtonOuterContainer","zIndex","position","BOTTOM_RIGHT","buttonPaddingHorizontal","buttonPaddingVertical","BOTTOM_LEFT","TOP_LEFT","TOP_RIGHT","StyledDropdown","Dropdown","COLORS","stroke","primary","active","positive","lightAlt","background","light","surface","standard","content","DropdownToggleContainer","Toggle","TooltipStyled","primaryInverse","tooltipWidth"],"mappings":"sPAIYA,EAOAC,EASAC,SAhBAF,QAKXA,kBAAA,GALWA,EAAAA,uBAAAA,QAAAA,aAKX,CAAA,IAJA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,aAAA,eAGWC,QAOXA,mBAAA,GAPWA,EAAAA,wBAAAA,QAAAA,cAOX,CAAA,IANA,GAAA,KACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBAGWC,QAGXA,oBAAA,GAHWA,EAAAA,yBAAAA,QAAAA,eAGX,CAAA,IAFA,MAAA,QACAA,EAAA,IAAA,MAGYC,MAAAA,EAAgCC,EAAM,QAACC,GAKlD;UACSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;eACZF,GAAUA,EAAMG;GAC5BH,GACFA,EAAMI,QACH,sBACA;;;;;EAMQC,EAAqCP,EAAM,QAACC,GAQvD;;;;;;UAMSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;YACfF,GAAUA,EAAMM;GACzBN,GACFA,EAAMO,WAAab,QAAYA,aAACc,uBACnBR,EAAMS,sCAAsCT,EAAMU,0BAC5DV,EAAMO,WAAab,QAAYA,aAACiB,qBACvBX,EAAMS,sCAAsCT,EAAMU,0BAC3DV,EAAMO,WAAab,QAAAA,aAAakB,kBACvBZ,EAAMS,mCAAmCT,EAAMU,0BACxDV,EAAMO,WAAab,qBAAamB,oBACtBb,EAAMS,mCAAmCT,EAAMU,0BACvD;EAGMI,EAAiBhB,EAAAA,QAAOiB,EAAAA,SAInC;;;;;;;;;8BAS4BC,EAAMA,OAACC,OAAOC;;;;;;;;;KAStClB,GACe,SAAjBA,EAAMmB,OACHH,EAAMA,OAACC,OAAOG,SAASC,SACvBL,SAAOC,OAAOC;;;;;;;gBAOJlB,GACG,SAAjBA,EAAMmB,OACHH,EAAMA,OAACM,WAAWF,SAASG,MAC3BP,SAAOQ,QAAQC;WACTzB,GACQ,SAAjBA,EAAMmB,OACHH,EAAAA,OAAOU,QAAQN,SACfJ,EAAAA,OAAOU,QAAQR;;;;;;;;WAQTlB,GACQ,SAAjBA,EAAMmB,OACHH,EAAAA,OAAOU,QAAQN,SACfJ,EAAAA,OAAOU,QAAQR;sBACElB,GACH,SAAjBA,EAAMmB,OACHH,EAAMA,OAACM,WAAWF,SAASG,MAC3B;;;;;;;;;4BASsBP,EAAMA,OAACU,QAAQR;;;;;4BAKfF,EAAMA,OAACU,QAAQR;;;;;;;;;WAShCF,EAAMA,OAACU,QAAQN;;sBAEJJ,SAAOM,WAAWF,SAASG;;EAIpCI,EAA0B7B,EAAM,QAACiB,WAASa,OAAO;;;;;;;;;;EAYjDC,EAAgB/B,EAAM,QAACC,GAA8B;;;;qBAI7CiB,EAAMA,OAACU,QAAQR;UAC1BF,EAAMA,OAACU,QAAQI;UACd9B,GACTA,EAAM+B,aAAe/B,EAAM+B,aAAe,KAAO;"}