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

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

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/esm/components/feature-announcements/VideoModal.js CHANGED Viewed

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

package/dist/esm/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","~~_ref","~~isOpen","videoUrl","onClose","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","_jsx","style","videoModalStyles","backdrop","onClick","e","target","currentTarget","_jsxs","Object","assign","container","stopPropagation","children","closeButton","base","onMouseOver","hover","onMouseOut","videoWrapper","width","height","src","title","TEXT","VIDEO_MODAL_TITLE","frameBorder","allow","allowFullScreen","iframe","controls","autoPlay","video","type","noVideoMessage","NO_VIDEO_AVAILABLE"],"mappings":"~~8SAMaA~~,~~MAAAA~~,~~EAAwCC~~,~~IAIhD~~,~~IAJiDC~~,~~OACrDA~~,~~EAAMC~~,~~SACNA~~,~~EAAQC,QACRA,GACAH,EACA,IAAKC,~~EAAQ,OAAO,KAEpB,MAMMG,EAAoBC,EAAeH,GACnCI,EAAYC,EAAeL,GAEjC,OACCM,uBAAKC,MAAOC,EAAiBC,SAAUC,QAVXC,IACxBA,EAAEC,SAAWD,EAAEE,eAClBZ,GACA,aAQAa,EACC,MAAAC,OAAAC,OAAA,CAAAT,MAAOC,EAAiBS,UACxBP,QAAUC,GAAMA,EAAEO,mBAAiB,CAAAC,SAAA,CAGnCb,0BACCI,QAAST,EACTM,MAAOC,EAAiBY,YAAYC,KACpCC,YAAcX,GACbI,OAAOC,OACNL,EAAEE,cAAcN,MAChBC,EAAiBY,YAAYG,OAG/BC,WAAab,GACZI,OAAOC,OACNL,EAAEE,cAAcN,MAChBC,EAAiBY,YAAYC,OAC7B,CAAAF,SAAA,OAOHb,EAAK,MAAAS,OAAAC,OAAA,CAAAT,MAAOC,EAAiBiB,wBAC3BzB,EACAI,EACCE,EACC,SAAA,CAAAoB,MAAM,OACNC,OAAO,OACPC,IAAK1B,EACL2B,MAAOC,EAAKC,kBACZC,YAAY,IACZC,MAAM,sGACNC,iBAAe,EACf3B,MAAOC,EAAiB2B,SAGzBrB,EAAA,QAAAC,OAAAC,OAAA,CAAOoB,UAAQ,EAACC,UAAS,EAAA9B,MAAOC,EAAiB8B,kBAChDhC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,cAC5BjC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,eAC5BjC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,cAErB,mDAGTjC,EAAK,MAAAS,OAAAC,OAAA,CAAAT,MAAOC,EAAiBgC,gBAAc,CAAArB,SACzCW,EAAKW,+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":["VideoModal","isOpen","videoUrl","onClose","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","_jsx","style","videoModalStyles","backdrop","onClick","e","target","currentTarget","_jsxs","Object","assign","container","stopPropagation","children","closeButton","base","onMouseOver","hover","onMouseOut","videoWrapper","width","height","src","title","TEXT","VIDEO_MODAL_TITLE","frameBorder","allow","allowFullScreen","iframe","controls","autoPlay","video","type","noVideoMessage","NO_VIDEO_AVAILABLE"],"mappings":"8SAMO,MAAMA,EAAwCA,EACpDC,SACAC,WACAC,cAEA,IAAKF,EAAQ,OAAO,KAEpB,MAMMG,EAAoBC,EAAeH,GACnCI,EAAYC,EAAeL,GAEjC,OACCM,uBAAKC,MAAOC,EAAiBC,SAAUC,QAVXC,IACxBA,EAAEC,SAAWD,EAAEE,eAClBZ,GACA,aAQAa,EACC,MAAAC,OAAAC,OAAA,CAAAT,MAAOC,EAAiBS,UACxBP,QAAUC,GAAMA,EAAEO,mBAAiB,CAAAC,SAAA,CAGnCb,0BACCI,QAAST,EACTM,MAAOC,EAAiBY,YAAYC,KACpCC,YAAcX,GACbI,OAAOC,OACNL,EAAEE,cAAcN,MAChBC,EAAiBY,YAAYG,OAG/BC,WAAab,GACZI,OAAOC,OACNL,EAAEE,cAAcN,MAChBC,EAAiBY,YAAYC,OAC7B,CAAAF,SAAA,OAOHb,EAAK,MAAAS,OAAAC,OAAA,CAAAT,MAAOC,EAAiBiB,wBAC3BzB,EACAI,EACCE,EACC,SAAA,CAAAoB,MAAM,OACNC,OAAO,OACPC,IAAK1B,EACL2B,MAAOC,EAAKC,kBACZC,YAAY,IACZC,MAAM,sGACNC,iBAAe,EACf3B,MAAOC,EAAiB2B,SAGzBrB,EAAA,QAAAC,OAAAC,OAAA,CAAOoB,UAAQ,EAACC,UAAS,EAAA9B,MAAOC,EAAiB8B,kBAChDhC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,cAC5BjC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,eAC5BjC,EAAQ,SAAA,CAAAsB,IAAK5B,EAAUuC,KAAK,cAErB,mDAGTjC,EAAK,MAAAS,OAAAC,OAAA,CAAAT,MAAOC,EAAiBgC,gBAAc,CAAArB,SACzCW,EAAKW,+BAKL"}

package/dist/esm/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":"AAGO,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"}
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":"AAGO,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"}

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

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=l=>{let{fetchVisibleFeatures:d,getStoreFeatureProgress:u,fetchFeatureById:s,markFeatureAsViewedForStore:c,isFeatureApplicableToCurrentPage:f,module:p,router:g}=l;var v;const y=(()=>{const[e,r]=t(null);return o((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[m,D]=t([]),[U,w]=t([]),[h,R]=t([]),[I,S]=t(!1),[T,x]=t(null),E=r((()=>e(void 0,void 0,void 0,(function*(){if(y){S(!0),x(null);try{const[e,t]=yield d(p);if(e||!t)return void x("Failed to fetch features");const[r,o]=yield u(y),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",l=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()))&&a<t},s=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===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)}))}return!0},c=t.filter((e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=f(e),n=l(e),d=s(e);return!r&&!i&&a&&n&&d})),g=c.filter((e=>"Major"===e.featureUpdateType)),v=c.filter((e=>"Minor"===e.featureUpdateType));D(c),w(g),setTimeout((()=>{R(v)}),i.MINOR_POPUP_DELAY)}catch(e){x("An unexpected error occurred")}finally{S(!1)}}}))),[y,d,u,f,p]),F=r((t=>e(void 0,void 0,void 0,(function*(){S(!0),x(null);try{const[e,r]=yield s(t);if(e||!r)return void x("Failed to fetch feature by ID");"Major"===r.featureUpdateType?w([r]):R([r]),D([r])}catch(e){x("An unexpected error occurred while fetching by ID")}finally{S(!1)}}))),[s]),A=r((t=>e(void 0,void 0,void 0,(function*(){if(!y)return;const[e]=yield c(y,t);D((e=>e.filter((e=>e.id!==t)))),w((e=>e.filter((e=>e.id!==t)))),R((e=>e.filter((e=>e.id!==t))))}))),[y,c]);return o((()=>{var e;const t=null===(e=null==g?void 0:g.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&g?F(t):E()}),[null==g?void 0:g.pathname,null===(v=null==g?void 0:g.query)||void 0===v?void 0:v[a.FEATURE_ID],y,E,F,g]),{features:m,majorUpdateFeatures:U,minorUpdateFeatures:h,isLoading:I,error:T,markFeatureAsViewed:A,refetch:E}};export{l as useFeatureAnnouncements};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{useState as t,useCallback as r,useEffect as o}from"react";import{ANIMATION_TIMING as i}from"../constants/animations.js";import{QUERY_PARAMS as a,LOCAL_STORAGE_KEYS as n}from"../constants/localStorageKeys.js";const l=({fetchVisibleFeatures:l,getStoreFeatureProgress:d,fetchFeatureById:u,markFeatureAsViewedForStore:s,isFeatureApplicableToCurrentPage:c,module:f,router:p})=>{var g;const v=(()=>{const[e,r]=t(null);return o((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem(n.STORE_ID)||localStorage.getItem(n.BIK_STORE_ID)||localStorage.getItem(n.CURRENT_STORE)||localStorage.getItem(n.STORE),!e){const t=localStorage.getItem(n.CURRENT_USER);t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get(n.QUERY_PARAM))}catch(e){}r(e)}}),[]),e})(),[y,m]=t([]),[D,U]=t([]),[w,h]=t([]),[R,I]=t(!1),[S,T]=t(null),x=r((()=>e(void 0,void 0,void 0,(function*(){if(v){I(!0),T(null);try{const[e,t]=yield l(f);if(e||!t)return void T("Failed to fetch features");const[r,o]=yield d(v),a=new Date,n="undefined"!=typeof window?window.location.pathname:"",u=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()))&&a<t},s=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===n)return!0;const t=e.replace(/\[([^\]]+)\]/g,"[^/]+").replace(/\//g,"\\/");return new RegExp(`^${t}$`).test(n)}))}return!0},p=t.filter((e=>{var t;const r=(null===(t=null==o?void 0:o.viewedFeatures)||void 0===t?void 0:t[e.id])||!1,i=e.archived||!1,a=c(e),n=u(e),l=s(e);return!r&&!i&&a&&n&&l})),g=p.filter((e=>"Major"===e.featureUpdateType)),y=p.filter((e=>"Minor"===e.featureUpdateType));m(p),U(g),setTimeout((()=>{h(y)}),i.MINOR_POPUP_DELAY)}catch(e){T("An unexpected error occurred")}finally{I(!1)}}}))),[v,l,d,c,f]),E=r((t=>e(void 0,void 0,void 0,(function*(){I(!0),T(null);try{const[e,r]=yield u(t);if(e||!r)return void T("Failed to fetch feature by ID");"Major"===r.featureUpdateType?U([r]):h([r]),m([r])}catch(e){T("An unexpected error occurred while fetching by ID")}finally{I(!1)}}))),[u]),F=r((t=>e(void 0,void 0,void 0,(function*(){if(!v)return;const[e]=yield s(v,t);m((e=>e.filter((e=>e.id!==t)))),U((e=>e.filter((e=>e.id!==t)))),h((e=>e.filter((e=>e.id!==t))))}))),[v,s]);return o((()=>{var e;const t=null===(e=null==p?void 0:p.query)||void 0===e?void 0:e[a.FEATURE_ID];t&&p?E(t):x()}),[null==p?void 0:p.pathname,null===(g=null==p?void 0:p.query)||void 0===g?void 0:g[a.FEATURE_ID],v,x,E,p]),{features:y,majorUpdateFeatures:D,minorUpdateFeatures:w,isLoading:R,error:S,markFeatureAsViewed:F,refetch:x}};export{l as useFeatureAnnouncements};
 //# sourceMappingURL=useFeatureAnnouncements.js.map

package/dist/esm/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","_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":"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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":["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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"}

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

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

package/dist/esm/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","arguments","length","undefined","POPUP_DIMENSIONS","MAJOR","imageWidth","applyButtonStyle","baseStyle","customStyle","Object","assign","textColor","color","backgroundColor","borderColor","getMajorPopupStyles","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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"}
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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"}

package/dist/esm/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":"4NAKaA,EAAsBA,CAClCC,EACAC,KACK,CACLC,UAAW,CACVC,~~MAAU~~,~~GAAAC~~,EAAiBC,MAAMF,UACjCG,~~OAAW~~,~~GAAAF~~,EAAiBC,MAAMC,WAClCC,QAAS,OACTC,gBAAiBC,EAAYC,UAAUC,MACvCC,aAAcC,EAAcC,MAC5BC,SAAU,SACVC,SAAU,WACVC,UACC,kEACDhB,UAAWD,EAAiBC,EAAY,WACxCiB,QAASlB,EAAiB,EAAI,EAC9BmB,WAAYC,GAGbC,eAAgB,CACfb,gBAAiBC,EAAYC,UAAU,IACvCE,aAAcC,EAAcS,MAC5BN,SAAU,WACVT,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBC,OAAQC,EAAQrB,MAAMsB,YACtBxB,~~MAAU~~,~~GAAAC~~,EAAiBC,MAAMuB,eACjCC,~~SAAa~~,~~GAAAzB~~,EAAiBC,MAAMuB,eACpCE,~~SAAa~~,~~GAAA1B~~,EAAiBC,MAAMuB,eACpCtB,~~OAAW~~,~~GAAAF~~,EAAiBC,MAAM0B,iBAGnCC,aAAc,CACbhB,SAAU,WACVb,~~MAAU~~,~~GAAAC~~,EAAiBC,MAAMuB,eACjCtB,~~OAAW~~,~~GAAAF~~,EAAiBC,MAAM0B,iBAGnCE,MAAO,CACN9B,~~MAAU~~,~~GAAAC~~,EAAiBC,MAAMuB,eACjCtB,~~OAAW~~,~~GAAAF~~,EAAiBC,MAAM0B,gBAClCG,UAAW,QACXtB,aAAcC,EAAcS,MAC5Bf,QAAS,SAGV4B,iBAAkB,CACjBC,MAAO3B,EAAYC,UAAU,KAC7B2B,SAAU,OACVC,UAAW,SACXnC,MAAO,OACPG,OAAQ,OACRC,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBhB,gBAAiBC,EAAYC,UAAU,KACvCE,aAAcC,EAAcS,OAG7BiB,iBAAkB,CACjBC,KAAM,EACNjC,QAAS,OACTkB,OAAQC,EAAQrB,MAAMoC,cACtBC,cAAe,SACflB,eAAgB,gBAChBmB,WAAY,eAGbC,MAAO,CACNP,SAAU,OACVQ,WAAY,MACZC,QAAS,UACTV,MAAO3B,EAAYC,UAAU,KAC7BqC,WAAY,OACZT,UAAW,QAGZU,QAAS,CACRX,SAAU,OACVQ,WAAY,MACZE,WAAY,MACZX,MAAO3B,EAAYC,UAAU,KAC7B4B,UAAW,OACXW,UAAW,OACXlC,SAAU,SACVR,QAAS,cACT2C,gBAAiB,EACjBC,gBAAiB,YAGlBC,iBAAkB,CACjBpC,SAAU,WACVqC,OAAQ3B,EAAQrB,MAAMiD,cACtBC,MAAO7B,EAAQrB,MAAMmD,aACrBjD,QAAS,OACTkD,IAAK/B,EAAQrB,MAAMqD,WACnBnC,WAAY,UAGboC,eAAgB,CACfvB,MAAO3B,EAAYmD,MAAM,KACzBvB,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1C,WAAY,YAGb2C,cAAe,CACdtD,gBAAiBC,EAAYmD,MAAM,KACnCG,OAAQ,OACR3B,MAAO3B,EAAYC,UAAUC,MAC7BC,aAAcC,EAAcmD,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":"4NAKaA,EAAsBA,CAClCC,EACAC,KACK,CACLC,UAAW,CACVC,MAAO,GAAGC,EAAiBC,MAAMF,UACjCG,OAAQ,GAAGF,EAAiBC,MAAMC,WAClCC,QAAS,OACTC,gBAAiBC,EAAYC,UAAUC,MACvCC,aAAcC,EAAcC,MAC5BC,SAAU,SACVC,SAAU,WACVC,UACC,kEACDhB,UAAWD,EAAiBC,EAAY,WACxCiB,QAASlB,EAAiB,EAAI,EAC9BmB,WAAYC,GAGbC,eAAgB,CACfb,gBAAiBC,EAAYC,UAAU,IACvCE,aAAcC,EAAcS,MAC5BN,SAAU,WACVT,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBC,OAAQC,EAAQrB,MAAMsB,YACtBxB,MAAO,GAAGC,EAAiBC,MAAMuB,eACjCC,SAAU,GAAGzB,EAAiBC,MAAMuB,eACpCE,SAAU,GAAG1B,EAAiBC,MAAMuB,eACpCtB,OAAQ,GAAGF,EAAiBC,MAAM0B,iBAGnCC,aAAc,CACbhB,SAAU,WACVb,MAAO,GAAGC,EAAiBC,MAAMuB,eACjCtB,OAAQ,GAAGF,EAAiBC,MAAM0B,iBAGnCE,MAAO,CACN9B,MAAO,GAAGC,EAAiBC,MAAMuB,eACjCtB,OAAQ,GAAGF,EAAiBC,MAAM0B,gBAClCG,UAAW,QACXtB,aAAcC,EAAcS,MAC5Bf,QAAS,SAGV4B,iBAAkB,CACjBC,MAAO3B,EAAYC,UAAU,KAC7B2B,SAAU,OACVC,UAAW,SACXnC,MAAO,OACPG,OAAQ,OACRC,QAAS,OACTgB,WAAY,SACZC,eAAgB,SAChBhB,gBAAiBC,EAAYC,UAAU,KACvCE,aAAcC,EAAcS,OAG7BiB,iBAAkB,CACjBC,KAAM,EACNjC,QAAS,OACTkB,OAAQC,EAAQrB,MAAMoC,cACtBC,cAAe,SACflB,eAAgB,gBAChBmB,WAAY,eAGbC,MAAO,CACNP,SAAU,OACVQ,WAAY,MACZC,QAAS,UACTV,MAAO3B,EAAYC,UAAU,KAC7BqC,WAAY,OACZT,UAAW,QAGZU,QAAS,CACRX,SAAU,OACVQ,WAAY,MACZE,WAAY,MACZX,MAAO3B,EAAYC,UAAU,KAC7B4B,UAAW,OACXW,UAAW,OACXlC,SAAU,SACVR,QAAS,cACT2C,gBAAiB,EACjBC,gBAAiB,YAGlBC,iBAAkB,CACjBpC,SAAU,WACVqC,OAAQ3B,EAAQrB,MAAMiD,cACtBC,MAAO7B,EAAQrB,MAAMmD,aACrBjD,QAAS,OACTkD,IAAK/B,EAAQrB,MAAMqD,WACnBnC,WAAY,UAGboC,eAAgB,CACfvB,MAAO3B,EAAYmD,MAAM,KACzBvB,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1C,WAAY,YAGb2C,cAAe,CACdtD,gBAAiBC,EAAYmD,MAAM,KACnCG,OAAQ,OACR3B,MAAO3B,EAAYC,UAAUC,MAC7BC,aAAcC,EAAcmD,OAC5B3B,SAAU,OACVQ,WAAY,MACZgB,OAAQ,UACR1D,MAAO,QACPG,OAAQ,OACRa,WAAY,WACZmB,UAAW,SACX/B,QAAS,OACTgB,WAAY,SACZC,eAAgB"}

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

@@ -1,2 +1,2 @@
-import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.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)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=function(e){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.CLOSE_DURATION;setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};
+import{ANIMATION_TIMING as t}from"../constants/animations.js";const e=(t,e)=>{const i=t.getBoundingClientRect(),o=e.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)`},i=t=>{if(!t)return;const e=t.closest('[class*="react-joyride__tooltip"]');if(!e)return;const i=e.querySelector('[class*="react-joyride__arrow"]');i&&(i.style.display="none",i.style.visibility="hidden",i.style.opacity="0")},o=(e,i=t.CLOSE_DURATION)=>{setTimeout(e,i)};export{e as calculateCloseTransform,o as executeAfterAnimation,i as hideJoyrideArrow};
 //# sourceMappingURL=animationHelpers.js.map

package/dist/esm/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","hideJoyrideArrow","popupRef","tooltip","closest","arrow","querySelector","style","display","visibility","opacity","executeAfterAnimation","callback","delay","~~arguments","length","undefined","~~ANIMATION_TIMING","CLOSE_DURATION","setTimeout"],"mappings":"oEAQaA,EAA0BA,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,EAOjDC,EAAoBC,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,EAQWC,~~EAAwB~~,~~SACpCC~~,~~GAES~~,~~IADTC~~,~~EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAgBG,GAAAA,~~EAAiBC,~~eAEjCC~~,~~WAAWP~~,EAAUC,~~EACtB~~"}
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","hideJoyrideArrow","popupRef","tooltip","closest","arrow","querySelector","style","display","visibility","opacity","executeAfterAnimation","callback","delay","ANIMATION_TIMING","CLOSE_DURATION","setTimeout"],"mappings":"oEAQaA,EAA0BA,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,EAOjDC,EAAoBC,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,EAQWC,EAAwBA,CACpCC,EACAC,EAAgBC,EAAiBC,kBAEjCC,WAAWJ,EAAUC,EAAM"}

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

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

package/dist/esm/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","targetButton","document","querySelector","SELECTORS","WHATS_NEW_BUTTON","MAIN_ICON_CLASS","svg","SVG_VIEWBOX","CLIPPATH_PATTERN","closest","parentElement","findFeatureTagElement","featureTag","targetSelector","startsWith","normalizeSelector","selector","isElementInViewport","element","rect","getBoundingClientRect","windowHeight","window","innerHeight","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","verticalInView","top","bottom","horizontalInView","left","right","scrollToElementSmooth","offset","~~arguments","length","undefined","~~Promise","resolve","targetScrollPosition","pageYOffset","scrollTimeout","scrollTo","behavior","onScroll","clearTimeout","setTimeout","removeEventListener","addEventListener","passive"],"mappings":"yFAMaA,MAAAA,EAAqBA,KAEjC,IAAIC,EAAeC,SAASC,cAAcC,EAAUC,kBACpD,GAAIJ,EAAc,OAAOA,EAIzB,GADAA,EAAeC,SAASC,cAAcC,EAAUE,iBAC5CL,EAAc,OAAOA,EAGzB,MAAMM,EAAML,SAASC,cAAcC,EAAUI,aAC7C,GAAID,EAAK,CAER,GADoBA,EAAIJ,cAAcC,EAAUK,kBAE/C,OAAOF,EAAIG,QAAQN,EAAUC,mBAAqBE,EAAII,aAEvD,CAED,OAAO,IAAI,EAQCC,EAAyBC,IACrC,MAAMC,EACLD,EAAWE,WAAW,MACtBF,EAAWE,WAAW,MACtBF,EAAWE,WAAW,KACnBF,EACA,IAAIA,IAER,OAAOX,SAASC,cAAcW,EAAe,EAQjCE,EAAqBC,GAEhCA,EAASF,WAAW,MACpBE,EAASF,WAAW,MACpBE,EAASF,WAAW,KAEbE,EAED,IAAIA,IAQCC,EAAuBC,IACnC,MAAMC,EAAOD,EAAQE,wBACfC,EACLC,OAAOC,aAAetB,SAASuB,gBAAgBC,aAC1CC,EAAcJ,OAAOK,YAAc1B,SAASuB,gBAAgBI,YAG5DC,EAAiBV,EAAKW,KAAO,KAAOX,EAAKY,QAAUV,EACnDW,EAAmBb,EAAKc,MAAQ,GAAKd,EAAKe,OAASR,EAEzD,OAAOG,GAAkBG,CAAgB,EAS7BG,~~EAAwB~~,~~SACpCjB~~,~~GAEkB~~,~~IADlBkB~~,~~EAAAC~~,~~UAAAC~~,~~OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAiB,IAEjB,OAAO,IAAIG,~~SAASC,IAEnB,~~GAAIxB~~,EAAoBC,GAEvB,~~YADAuB~~,IAID,MAEMC,~~EAFcxB~~,EAAQE,wBACWU,IAAMR,~~OAAOqB~~,~~YACFP~~,EAUlD,~~IAAIQ~~,~~EAPJtB~~,~~OAAOuB~~,SAAS,~~CACff~~,~~IAAKY~~,EACLI,SAAU,WAMX,MAAMC,EAAWA,KAChBC,aAAaJ,GACbA,EAAgBK,YAAW,~~KAC1B3B~~,~~OAAO4B~~,oBAAoB,SAAUH,GAErCE,YAAW,IAAMR,KAAW,IAAI,GAC9B,IAAI,~~EAGRnB~~,~~OAAO6B~~,iBAAiB,SAAUJ,EAAU,CAAEK,SAAS,IAGvDH,YAAW,~~KACV3B~~,~~OAAO4B~~,oBAAoB,SAAUH,GACrCN,GAAS,GACP,IAAK~~,GAEV~~"}
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","targetButton","document","querySelector","SELECTORS","WHATS_NEW_BUTTON","MAIN_ICON_CLASS","svg","SVG_VIEWBOX","CLIPPATH_PATTERN","closest","parentElement","findFeatureTagElement","featureTag","targetSelector","startsWith","normalizeSelector","selector","isElementInViewport","element","rect","getBoundingClientRect","windowHeight","window","innerHeight","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","verticalInView","top","bottom","horizontalInView","left","right","scrollToElementSmooth","offset","Promise","resolve","targetScrollPosition","pageYOffset","scrollTimeout","scrollTo","behavior","onScroll","clearTimeout","setTimeout","removeEventListener","addEventListener","passive"],"mappings":"yFAMaA,MAAAA,EAAqBA,KAEjC,IAAIC,EAAeC,SAASC,cAAcC,EAAUC,kBACpD,GAAIJ,EAAc,OAAOA,EAIzB,GADAA,EAAeC,SAASC,cAAcC,EAAUE,iBAC5CL,EAAc,OAAOA,EAGzB,MAAMM,EAAML,SAASC,cAAcC,EAAUI,aAC7C,GAAID,EAAK,CAER,GADoBA,EAAIJ,cAAcC,EAAUK,kBAE/C,OAAOF,EAAIG,QAAQN,EAAUC,mBAAqBE,EAAII,aAEvD,CAED,OAAO,IAAI,EAQCC,EAAyBC,IACrC,MAAMC,EACLD,EAAWE,WAAW,MACtBF,EAAWE,WAAW,MACtBF,EAAWE,WAAW,KACnBF,EACA,IAAIA,IAER,OAAOX,SAASC,cAAcW,EAAe,EAQjCE,EAAqBC,GAEhCA,EAASF,WAAW,MACpBE,EAASF,WAAW,MACpBE,EAASF,WAAW,KAEbE,EAED,IAAIA,IAQCC,EAAuBC,IACnC,MAAMC,EAAOD,EAAQE,wBACfC,EACLC,OAAOC,aAAetB,SAASuB,gBAAgBC,aAC1CC,EAAcJ,OAAOK,YAAc1B,SAASuB,gBAAgBI,YAG5DC,EAAiBV,EAAKW,KAAO,KAAOX,EAAKY,QAAUV,EACnDW,EAAmBb,EAAKc,MAAQ,GAAKd,EAAKe,OAASR,EAEzD,OAAOG,GAAkBG,CAAgB,EAS7BG,EAAwBA,CACpCjB,EACAkB,EAAiB,MAEV,IAAIC,SAASC,IAEnB,GAAIrB,EAAoBC,GAEvB,YADAoB,IAID,MAEMC,EAFcrB,EAAQE,wBACWU,IAAMR,OAAOkB,YACFJ,EAUlD,IAAIK,EAPJnB,OAAOoB,SAAS,CACfZ,IAAKS,EACLI,SAAU,WAMX,MAAMC,EAAWA,KAChBC,aAAaJ,GACbA,EAAgBK,YAAW,KAC1BxB,OAAOyB,oBAAoB,SAAUH,GAErCE,YAAW,IAAMR,KAAW,IAAI,GAC9B,IAAI,EAGRhB,OAAO0B,iBAAiB,SAAUJ,EAAU,CAAEK,SAAS,IAGvDH,YAAW,KACVxB,OAAOyB,oBAAoB,SAAUH,GACrCN,GAAS,GACP,IAAK"}

package/dist/esm/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","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","FileTypeIconMapping","_jsx","ImageIcon","VideoRecorderIcon","FilePdfIcon","FileIcon","_Fragment","children","Object","keys","length","_jsxs","FileUploadedStyle","assign","className","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","PDF","JPG","JPEG","PNG","GIF","SVG","MP4","MKV","AVI","WMV","FILE"],"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","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","FileTypeIconMapping","_jsx","ImageIcon","VideoRecorderIcon","FilePdfIcon","FileIcon","_Fragment","children","Object","keys","length","_jsxs","FileUploadedStyle","assign","className","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","PDF","JPG","JPEG","PNG","GIF","SVG","MP4","MKV","AVI","WMV","FILE"],"mappings":"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"}

package/dist/esm/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":"kIAIYA,EAOAC,EASAC,GAhBZ,SAAYF,GACXA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,aAAA,cACA,CALD,CAAYA,IAAAA,EAKX,CAAA,IAED,SAAYC,GACXA,EAAA,GAAA,KACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,cAAA,eACA,CAPD,CAAYA,IAAAA,EAOX,CAAA,IAED,SAAYC,GACXA,EAAA,MAAA,QACAA,EAAA,IAAA,KACA,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAEYC,MAAAA,EAAgCC,EAAOC,GAKlD;UACSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;eACZF,GAAUA,EAAMG;GAC5BH,GACFA,EAAMI,QACH,sBACA;;;;;EAMQC,EAAqCP,EAAOC,GAQvD;;;;;;UAMSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;YACfF,GAAUA,EAAMM;GACzBN,GACFA,EAAMO,WAAab,EAAac,~~uBACnBR~~,EAAMS,sCAAsCT,EAAMU,0BAC5DV,EAAMO,WAAab,EAAaiB,~~qBACvBX~~,EAAMS,sCAAsCT,EAAMU,0BAC3DV,EAAMO,WAAab,EAAakB,~~kBACvBZ~~,EAAMS,mCAAmCT,EAAMU,0BACxDV,EAAMO,WAAab,EAAamB,~~oBACtBb~~,EAAMS,mCAAmCT,EAAMU,~~0BACvD~~;~~EAGMI~~,EAAiBhB,EAAOiB,EAInC;;;;;;;;;8BAS4BC,EAAOC,OAAOC;;;;;;;;;KAStClB,GACe,SAAjBA,EAAMmB,OACHH,EAAOC,OAAOG,SAASC,SACvBL,EAAOC,OAAOC;;;;;;;gBAOJlB,GACG,SAAjBA,EAAMmB,OACHH,EAAOM,WAAWF,SAASG,MAC3BP,EAAOQ,QAAQC;WACTzB,GACQ,SAAjBA,EAAMmB,OACHH,EAAOU,QAAQN,SACfJ,EAAOU,QAAQR;;;;;;;;WAQTlB,GACQ,SAAjBA,EAAMmB,OACHH,EAAOU,QAAQN,SACfJ,EAAOU,QAAQR;sBACElB,GACH,SAAjBA,EAAMmB,OACHH,EAAOM,WAAWF,SAASG,MAC3B;;;;;;;;;4BASsBP,EAAOU,QAAQR;;;;;4BAKfF,EAAOU,QAAQR;;;;;;;;;WAShCF,EAAOU,QAAQN;;sBAEJJ,EAAOM,WAAWF,SAASG;;EAIpCI,EAA0B7B,EAAOiB,EAASa,OAAO;;;;;;;;;;EAYjDC,EAAgB/B,EAAOC,GAA8B;;;;qBAI7CiB,EAAOU,QAAQR;UAC1BF,EAAOU,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":"kIAIYA,EAOAC,EASAC,GAhBZ,SAAYF,GACXA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,aAAA,cACA,CALD,CAAYA,IAAAA,EAKX,CAAA,IAED,SAAYC,GACXA,EAAA,GAAA,KACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,cAAA,eACA,CAPD,CAAYA,IAAAA,EAOX,CAAA,IAED,SAAYC,GACXA,EAAA,MAAA,QACAA,EAAA,IAAA,KACA,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAEYC,MAAAA,EAAgCC,EAAOC,GAKlD;UACSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;eACZF,GAAUA,EAAMG;GAC5BH,GACFA,EAAMI,QACH,sBACA;;;;;EAMQC,EAAqCP,EAAOC,GAQvD;;;;;;UAMSC,GAAUA,EAAMC;WACfD,GAAUA,EAAME;YACfF,GAAUA,EAAMM;GACzBN,GACFA,EAAMO,WAAab,EAAac,aAC7B,UAAUR,EAAMS,sCAAsCT,EAAMU,0BAC5DV,EAAMO,WAAab,EAAaiB,YAChC,SAASX,EAAMS,sCAAsCT,EAAMU,0BAC3DV,EAAMO,WAAab,EAAakB,SAChC,SAASZ,EAAMS,mCAAmCT,EAAMU,0BACxDV,EAAMO,WAAab,EAAamB,UAChC,UAAUb,EAAMS,mCAAmCT,EAAMU,0BACzD;EAGQI,EAAiBhB,EAAOiB,EAInC;;;;;;;;;8BAS4BC,EAAOC,OAAOC;;;;;;;;;KAStClB,GACe,SAAjBA,EAAMmB,OACHH,EAAOC,OAAOG,SAASC,SACvBL,EAAOC,OAAOC;;;;;;;gBAOJlB,GACG,SAAjBA,EAAMmB,OACHH,EAAOM,WAAWF,SAASG,MAC3BP,EAAOQ,QAAQC;WACTzB,GACQ,SAAjBA,EAAMmB,OACHH,EAAOU,QAAQN,SACfJ,EAAOU,QAAQR;;;;;;;;WAQTlB,GACQ,SAAjBA,EAAMmB,OACHH,EAAOU,QAAQN,SACfJ,EAAOU,QAAQR;sBACElB,GACH,SAAjBA,EAAMmB,OACHH,EAAOM,WAAWF,SAASG,MAC3B;;;;;;;;;4BASsBP,EAAOU,QAAQR;;;;;4BAKfF,EAAOU,QAAQR;;;;;;;;;WAShCF,EAAOU,QAAQN;;sBAEJJ,EAAOM,WAAWF,SAASG;;EAIpCI,EAA0B7B,EAAOiB,EAASa,OAAO;;;;;;;;;;EAYjDC,EAAgB/B,EAAOC,GAA8B;;;;qBAI7CiB,EAAOU,QAAQR;UAC1BF,EAAOU,QAAQI;UACd9B,GACTA,EAAM+B,aAAe/B,EAAM+B,aAAe,KAAO;"}