@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=({children:d,fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m})=>{var y;const{majorUpdateFeatures:S,minorUpdateFeatures:x,isLoading:C,markFeatureAsViewed:k}=r.useFeatureAnnouncements({fetchVisibleFeatures:c,getStoreFeatureProgress:p,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:h,router:m}),[T,v]=o.useState(null),[w,B]=o.useState(null),[j,I]=o.useState(!1),[E,F]=o.useState([]),[N,q]=o.useState(!1),[P,O]=o.useState([]),[W,_]=o.useState(!1),[M,V]=o.useState(!1),[A,L]=o.useState([]),[R,U]=o.useState(!1),[$,z]=o.useState(!1),[H,Z]=o.useState(!1),[D,G]=o.useState(""),[J,K]=o.useState(!1),[Q,X]=o.useState(!1),[Y,ee]=o.useState(!1),[te,oe]=o.useState(0),[ne,ae]=o.useState(0),[re,se]=o.useState(new Set);o.useEffect(()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}},[]),o.useEffect(()=>{oe(e=>e+1),ae(e=>e+1),X(!1),ee(!1),se(new Set)},[null==m?void 0:m.pathname]),o.useEffect(()=>{if(!(S.length>0)||T||C||W||J)0!==S.length||C||z(!0);else{z(!1),U(!1),I(!1),F([]),B(null),L([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?ie(S[0]):e<t?setTimeout(o,1e3):z(!0)};o()}},[S,T,C,W,J]),o.useEffect(()=>{var e;const t=null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId;if(!t||C||0===x.length)return;const o=x.find(e=>e.id===t);if(!o||!o.featureTag)return;U(!0),V(!0);let n=0;const a=setInterval(()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];L(e),ge(o,e),clearInterval(a)}else n>=25&&(V(!1),clearInterval(a))},200);return()=>{clearInterval(a)}},[x,null===(y=null==m?void 0:m.query)||void 0===y?void 0:y.featureId,C]),o.useEffect(()=>{var e;if(x.length>0&&!C&&!j&&!M&&!w&&!R&&$&&!J){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||M||w||R||!$)return;const a=x.filter(e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(re.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)});a.length>0&&(L(a),ge(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver(e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}j||n||M||w||R||!$||!t||(o&&clearTimeout(o),o=setTimeout(()=>{n||M||w||R||!$||a()},200))}),t=()=>{j||n||M||w||R||!$||(o&&clearTimeout(o),requestAnimationFrame(()=>{o=setTimeout(()=>{n||M||w||R||!$||a()},300)}))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout(()=>{n||M||w||R||!$||a()},100),setTimeout(()=>{n||M||w||R||!$||a()},1e3),setTimeout(()=>{n||M||w||R||!$||a()},500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===x.length||C){(null===(e=null==m?void 0:m.query)||void 0===e?void 0:e.featureId)&&w||(I(!1),F([]),B(null),L([]),U(!1))}},[x,C,j,M,w,R,$,k,J]);const ie=e=>{v(e);const o=S.findIndex(t=>t.id===e.id),n=S.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r),q(!0)},le=o.useCallback(e=>{(e||T)&&(_(!0),S.forEach(e=>{k(e.id)}),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500))},[T,S,k]),de=o.useCallback(e=>{_(!0),k(e.id),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),q(!1),v(null),O([]);S.findIndex(t=>t.id===e.id)===S.length-1&&z(!0),setTimeout(()=>{_(!1)},500)},[S,k]),ue=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n>0){const e=S[n-1];v(e);const o=n-1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r)}},[T,S]),ce=o.useCallback(e=>{const o=e||T;if(!o)return;const n=S.findIndex(e=>e.id===o.id);if(n<S.length-1){const e=S[n+1];v(e);const o=n+1,a=S.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>le(e),onExplore:()=>de(e),onPrevious:()=>ue(e),onNext:()=>ce(e),setIsClosing:X}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];O(r)}else _(!0),k(o.id),q(!1),v(null),O([]),z(!0),setTimeout(()=>{_(!1)},500)},[T,S,k]),pe=()=>{if(S.length>0&&!T){document.querySelector('[data-testid="whats-new-button"]')&&ie(S[0])}};o.useEffect(()=>(window.showMajorUpdatePopup=pe,()=>{delete window.showMajorUpdatePopup}),[S,T]);const fe=o.useCallback(e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(T&&(_(!0),S.forEach(e=>{k(e.id)}),z(!0),setTimeout(()=>{_(!1)},500)),q(!1),v(null),O([]))},[T,S,k]),be=o.useCallback(e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(w){V(!0),k(w.id);A.findIndex(e=>e.id===w.id)===A.length-1&&U(!0),setTimeout(()=>{V(!1)},500)}I(!1),B(null),F([])}},[w,A,k]),ge=(o,n)=>e.__awaiter(void 0,void 0,void 0,function*(){B(o);const e=n||A,a=e.findIndex(e=>e.id===o.id),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>he(o),onExplore:()=>me(o),onPrevious:()=>ye(o),onNext:()=>Se(o),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(d),I(!0)}),he=o.useCallback(e=>{const t=e||w;if(t){V(!0),k(t.id),se(e=>new Set(e).add(t.id)),I(!1),B(null),F([]);const e=A.find(e=>e.id!==t.id&&!re.has(e.id));setTimeout(()=>{V(!1),e?ge(e,A):U(!0)},500)}},[w,A,k,re]),me=o.useCallback(e=>{V(!0),k(e.id),se(t=>new Set(t).add(e.id)),e.productVideo&&(G(e.productVideo),Z(!0),K(!0)),I(!1),B(null),F([]);const t=A.find(t=>t.id!==e.id&&!re.has(t.id));setTimeout(()=>{V(!1),t&&!e.productVideo?ge(t,A):t||U(!0)},500)},[A,k,re]),ye=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n>0){const e=A[n-1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n-1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(l)}}),[w,A]),Se=o.useCallback(o=>e.__awaiter(void 0,void 0,void 0,function*(){const e=o||w;if(!e)return;const n=A.findIndex(t=>t.id===e.id);if(n<A.length-1){const e=A[n+1];B(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then(function(){return require("./utils/elementHelpers.js")});yield e(a,120)}catch(e){}const r=n+1,s=A.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>he(e),onExplore:()=>me(e),onPrevious:()=>ye(e),onNext:()=>Se(e),setIsClosing:ee}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];F(l)}else V(!0),U(!0),k(e.id),I(!1),B(null),F([]),setTimeout(()=>{V(!1)},500)}),[w,A,k]);return t.jsxs(t.Fragment,{children:[d,P.length>0&&t.jsx(u.default,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:fe,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Q?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${te}`),E.length>0&&t.jsx(u.default,{steps:E,run:j,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:Y?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:Y?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ne}`),t.jsx(l.VideoModal,{isOpen:H,videoUrl:D,onClose:()=>{Z(!1),G(""),K(!1);const e=A.find(e=>!re.has(e.id));e?setTimeout(()=>{ge(e,A)},300):U(!0)}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),n=require("react-joyride");require("./constants/animations.js");var a=require("./constants/selectors.js"),r=require("./hooks/useFeatureAnnouncements.js"),s=require("./MajorUpdatePopup.js"),i=require("./MinorUpdatePopup.js"),l=require("./VideoModal.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(n);exports.default=d=>{let{children:c,fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}=d;var S;const{majorUpdateFeatures:x,minorUpdateFeatures:C,isLoading:k,markFeatureAsViewed:T}=r.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:f,fetchFeatureById:b,markFeatureAsViewedForStore:g,isFeatureApplicableToCurrentPage:h,module:m,router:y}),[v,w]=o.useState(null),[B,j]=o.useState(null),[I,E]=o.useState(!1),[F,N]=o.useState([]),[q,P]=o.useState(!1),[O,W]=o.useState([]),[_,M]=o.useState(!1),[V,A]=o.useState(!1),[L,R]=o.useState([]),[U,$]=o.useState(!1),[z,H]=o.useState(!1),[Z,D]=o.useState(!1),[G,J]=o.useState(""),[K,Q]=o.useState(!1),[X,Y]=o.useState(!1),[ee,te]=o.useState(!1),[oe,ne]=o.useState(0),[ae,re]=o.useState(0),[se,ie]=o.useState(new Set);o.useEffect((()=>{const e="minor-spotlight-cutout-style";let t=document.getElementById(e);return t||(t=document.createElement("style"),t.id=e,document.head.appendChild(t)),t.textContent="\n\t\t\t.react-joyride__spotlight {\n\t\t\t\ttransition: box-shadow 0.3s ease-in-out !important;\n\t\t\t\twill-change: box-shadow, transform;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t\t.react-joyride__tooltip {\n\t\t\t\twill-change: transform, opacity;\n\t\t\t\ttransform: translateZ(0);\n\t\t\t}\n\t\t",()=>{const t=document.getElementById(e);t&&t.remove()}}),[]),o.useEffect((()=>{ne((e=>e+1)),re((e=>e+1)),Y(!1),te(!1),ie(new Set)}),[null==y?void 0:y.pathname]),o.useEffect((()=>{if(!(x.length>0)||v||k||_||K)0!==x.length||k||H(!0);else{H(!1),$(!1),E(!1),N([]),j(null),R([]);let e=0;const t=10,o=()=>{e++;document.querySelector('[data-testid="whats-new-button"]')?le(x[0]):e<t?setTimeout(o,1e3):H(!0)};o()}}),[x,v,k,_,K]),o.useEffect((()=>{var e;const t=null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId;if(!t||k||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;$(!0),A(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;if(document.querySelector(e)){const e=[o];R(e),he(o,e),clearInterval(a)}else n>=25&&(A(!1),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(S=null==y?void 0:y.query)||void 0===S?void 0:S.featureId,k]),o.useEffect((()=>{var e;if(C.length>0&&!k&&!I&&!V&&!B&&!U&&z&&!K){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||V||B||U||!z)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;if(se.has(e.id))return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(R(a),he(a[0],a),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}I||n||V||B||U||!z||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||V||B||U||!z||a()}),200))})),t=()=>{I||n||V||B||U||!z||(o&&clearTimeout(o),requestAnimationFrame((()=>{o=setTimeout((()=>{n||V||B||U||!z||a()}),300)})))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||V||B||U||!z||a()}),100),setTimeout((()=>{n||V||B||U||!z||a()}),1e3),setTimeout((()=>{n||V||B||U||!z||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}if(0===C.length||k){(null===(e=null==y?void 0:y.query)||void 0===e?void 0:e.featureId)&&B||(E(!1),N([]),j(null),R([]),$(!1))}}),[C,k,I,V,B,U,z,T,K]);const le=e=>{w(e);const o=x.findIndex((t=>t.id===e.id)),n=x.length,r=[{target:a.SELECTORS.WHATS_NEW_BUTTON,content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:n,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r),P(!0)},de=o.useCallback((e=>{(e||v)&&(M(!0),x.forEach((e=>{T(e.id)})),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500))}),[v,x,T]),ue=o.useCallback((e=>{M(!0),T(e.id),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),P(!1),w(null),W([]);x.findIndex((t=>t.id===e.id))===x.length-1&&H(!0),setTimeout((()=>{M(!1)}),500)}),[x,T]),ce=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n>0){const e=x[n-1];w(e);const o=n-1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r)}}),[v,x]),pe=o.useCallback((e=>{const o=e||v;if(!o)return;const n=x.findIndex((e=>e.id===o.id));if(n<x.length-1){const e=x[n+1];w(e);const o=n+1,a=x.length,r=[{target:'[data-testid="whats-new-button"]',content:t.jsx(s.default,{feature:e,currentIndex:o,totalFeatures:a,onSkip:()=>de(e),onExplore:()=>ue(e),onPrevious:()=>ce(e),onNext:()=>pe(e),setIsClosing:Y}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];W(r)}else M(!0),T(o.id),P(!1),w(null),W([]),H(!0),setTimeout((()=>{M(!1)}),500)}),[v,x,T]),fe=()=>{if(x.length>0&&!v){document.querySelector('[data-testid="whats-new-button"]')&&le(x[0])}};o.useEffect((()=>(window.showMajorUpdatePopup=fe,()=>{delete window.showMajorUpdatePopup})),[x,v]);const be=o.useCallback((e=>{const{action:t}=e;t===n.ACTIONS.CLOSE&&(v&&(M(!0),x.forEach((e=>{T(e.id)})),H(!0),setTimeout((()=>{M(!1)}),500)),P(!1),w(null),W([]))}),[v,x,T]),ge=o.useCallback((e=>{const{action:t}=e;if(t===n.ACTIONS.CLOSE){if(B){A(!0),T(B.id);L.findIndex((e=>e.id===B.id))===L.length-1&&$(!0),setTimeout((()=>{A(!1)}),500)}E(!1),j(null),N([])}}),[B,L,T]),he=(o,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){j(o);const e=n||L,a=e.findIndex((e=>e.id===o.id)),r=e.length,s=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,l=document.querySelector(s);if(l)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(l,120)}catch(e){}const d=[{target:s,content:t.jsx(i.default,{feature:o,currentIndex:a,totalFeatures:r,onSkip:()=>me(o),onExplore:()=>ye(o),onPrevious:()=>Se(o),onNext:()=>xe(o),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:o,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(d),E(!0)})),me=o.useCallback((e=>{const t=e||B;if(t){A(!0),T(t.id),ie((e=>new Set(e).add(t.id))),E(!1),j(null),N([]);const e=L.find((e=>e.id!==t.id&&!se.has(e.id)));setTimeout((()=>{A(!1),e?he(e,L):$(!0)}),500)}}),[B,L,T,se]),ye=o.useCallback((e=>{A(!0),T(e.id),ie((t=>new Set(t).add(e.id))),e.productVideo&&(J(e.productVideo),D(!0),Q(!0)),E(!1),j(null),N([]);const t=L.find((t=>t.id!==e.id&&!se.has(t.id)));setTimeout((()=>{A(!1),t&&!e.productVideo?he(t,L):t||$(!0)}),500)}),[L,T,se]),Se=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n>0){const e=L[n-1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n-1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(l)}}))),[B,L]),xe=o.useCallback((o=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=o||B;if(!e)return;const n=L.findIndex((t=>t.id===e.id));if(n<L.length-1){const e=L[n+1];j(e);const o=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(o);if(a)try{const{scrollToElementSmooth:e}=yield Promise.resolve().then((function(){return require("./utils/elementHelpers.js")}));yield e(a,120)}catch(e){}const r=n+1,s=L.length,l=[{target:o,content:t.jsx(i.default,{feature:e,currentIndex:r,totalFeatures:s,onSkip:()=>me(e),onExplore:()=>ye(e),onPrevious:()=>Se(e),onNext:()=>xe(e),setIsClosing:te}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:e,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];N(l)}else A(!0),$(!0),T(e.id),E(!1),j(null),N([]),setTimeout((()=>{A(!1)}),500)}))),[B,L,T]);return t.jsxs(t.Fragment,{children:[c,O.length>0&&t.jsx(u.default,{steps:O,run:q,continuous:!1,showProgress:!1,showSkipButton:!1,callback:be,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,spotlightClicks:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:X?"transparent":"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none",boxShadow:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`major-joyride-${oe}`),F.length>0&&t.jsx(u.default,{steps:F,run:I,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ge,disableOverlayClose:!0,disableCloseOnEsc:!1,disableOverlay:!1,scrollToFirstStep:!0,scrollOffset:120,disableScrolling:!1,styles:{options:{primaryColor:"#007bff",zIndex:1e4,width:"auto",arrowColor:ee?"transparent":"#ffffff"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",borderRadius:"8px",boxShadow:ee?"none":"0 0 0 9999px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 255, 255, 0.8), 0 0 20px 8px rgba(255, 255, 255, 0.4)"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}},`minor-joyride-${ae}`),t.jsx(l.VideoModal,{isOpen:Z,videoUrl:G,onClose:()=>{D(!1),J(""),Q(!1);const e=L.find((e=>!se.has(e.id)));e?setTimeout((()=>{he(e,L)}),300):$(!0)}})]})};

package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./constants/index.js"),s=require("./styles/majorPopup.styles.js");require("../../constants/Theme.js"),require("./constants/animations.js");var r=require("./utils/htmlHelpers.js"),o=require("./utils/animationHelpers.js"),a=require("./utils/elementHelpers.js");exports.default=({feature:i,currentIndex:l,totalFeatures:u,onSkip:c,onExplore:d,onPrevious:g,onNext:T,setIsClosing:j})=>{const[y,p]=t.useState(!1),[v,b]=t.useState(!1),[x,h]=t.useState(""),E=t.useRef(null);t.useEffect(()=>{y&&b(!0)},[y]);const m=s.getMajorPopupStyles(v,x);return e.jsxs("div",{ref:E,style:m.container,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),(e=>{o.hideJoyrideArrow(E.current);const t=a.findWhatsNewButton();if(t&&E.current){const e=o.calculateCloseTransform(E.current,t);h(e)}else h("scale(0)");null==j||j(!0),p(!0),o.executeAfterAnimation(e)})(c)},style:m.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,m.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,m.skipButton.base),children:n.TEXT.SKIP_BUTTON}),e.jsx("div",{style:m.imageContainer,children:i.displayImage?e.jsx("img",{src:i.displayImage,alt:i.title,style:m.image,onError:e=>{i.image&&(e.target.src=i.image)}}):e.jsx("div",{style:m.imagePlaceholder,children:n.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:m.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:m.title,children:i.title}),e.jsx("div",{style:m.content,dangerouslySetInnerHTML:{__html:r.decodeHTMLEntities(i.content||i.body||"")}}),e.jsx("button",{onClick:()=>{d(),o.hideJoyrideArrow(E.current);const e=a.findWhatsNewButton();if(e&&E.current){const t=o.calculateCloseTransform(E.current,e);h(t)}else h("scale(0)");null==j||j(!0),p(!0)},style:m.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,m.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,m.exploreButton.base),children:i.buttonText||n.TEXT.DEFAULT_BUTTON_TEXT})]}),u>1&&e.jsxs("div",{style:m.navigationContainer,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),g()},disabled:0===l,style:m.navigationButton(0===l).base,onMouseEnter:e=>{0!==l&&Object.assign(e.currentTarget.style,m.navigationButton(!1).hover)},onMouseLeave:e=>{0!==l&&Object.assign(e.currentTarget.style,m.navigationButton(!1).base)},children:n.TEXT.NAVIGATION_PREVIOUS}),e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),T()},disabled:l===u-1,style:m.navigationButton(l===u-1).base,onMouseEnter:e=>{l!==u-1&&Object.assign(e.currentTarget.style,m.navigationButton(!1).hover)},onMouseLeave:e=>{l!==u-1&&Object.assign(e.currentTarget.style,m.navigationButton(l===u-1).base)},children:n.TEXT.NAVIGATION_NEXT})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./constants/index.js"),s=require("./styles/majorPopup.styles.js");require("../../constants/Theme.js"),require("./constants/animations.js");var r=require("./utils/htmlHelpers.js"),o=require("./utils/animationHelpers.js"),a=require("./utils/elementHelpers.js");exports.default=i=>{let{feature:l,currentIndex:u,totalFeatures:c,onSkip:d,onExplore:g,onPrevious:T,onNext:j,setIsClosing:y}=i;const[p,v]=t.useState(!1),[b,x]=t.useState(!1),[h,E]=t.useState(""),m=t.useRef(null);t.useEffect((()=>{p&&x(!0)}),[p]);const f=s.getMajorPopupStyles(b,h);return e.jsxs("div",{ref:m,style:f.container,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),(e=>{o.hideJoyrideArrow(m.current);const t=a.findWhatsNewButton();if(t&&m.current){const e=o.calculateCloseTransform(m.current,t);E(e)}else E("scale(0)");null==y||y(!0),v(!0),o.executeAfterAnimation(e)})(d)},style:f.skipButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,f.skipButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,f.skipButton.base),children:n.TEXT.SKIP_BUTTON}),e.jsx("div",{style:f.imageContainer,children:l.displayImage?e.jsx("img",{src:l.displayImage,alt:l.title,style:f.image,onError:e=>{l.image&&(e.target.src=l.image)}}):e.jsx("div",{style:f.imagePlaceholder,children:n.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:f.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:f.title,children:l.title}),e.jsx("div",{style:f.content,dangerouslySetInnerHTML:{__html:r.decodeHTMLEntities(l.content||l.body||"")}}),e.jsx("button",{onClick:()=>{g(),o.hideJoyrideArrow(m.current);const e=a.findWhatsNewButton();if(e&&m.current){const t=o.calculateCloseTransform(m.current,e);E(t)}else E("scale(0)");null==y||y(!0),v(!0)},style:f.exploreButton.base,onMouseEnter:e=>Object.assign(e.currentTarget.style,f.exploreButton.hover),onMouseLeave:e=>Object.assign(e.currentTarget.style,f.exploreButton.base),children:l.buttonText||n.TEXT.DEFAULT_BUTTON_TEXT})]}),c>1&&e.jsxs("div",{style:f.navigationContainer,children:[e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),T()},disabled:0===u,style:f.navigationButton(0===u).base,onMouseEnter:e=>{0!==u&&Object.assign(e.currentTarget.style,f.navigationButton(!1).hover)},onMouseLeave:e=>{0!==u&&Object.assign(e.currentTarget.style,f.navigationButton(!1).base)},children:n.TEXT.NAVIGATION_PREVIOUS}),e.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),j()},disabled:u===c-1,style:f.navigationButton(u===c-1).base,onMouseEnter:e=>{u!==c-1&&Object.assign(e.currentTarget.style,f.navigationButton(!1).hover)},onMouseLeave:e=>{u!==c-1&&Object.assign(e.currentTarget.style,f.navigationButton(u===c-1).base)},children:n.TEXT.NAVIGATION_NEXT})]})]})]})};

package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./constants/index.js");require("../../constants/Theme.js"),require("./constants/animations.js");var s=require("./styles/minorPopup.styles.js"),n=require("./utils/htmlHelpers.js"),i=require("./utils/animationHelpers.js"),l=require("./utils/elementHelpers.js");exports.default=({feature:a,currentIndex:o,totalFeatures:u,onSkip:c,onExplore:d,onPrevious:T,onNext:x,setIsClosing:g})=>{const[y,f]=t.useState(!1),[j,h]=t.useState(!1),[m,E]=t.useState(""),p=t.useRef(null);t.useEffect(()=>{y&&h(!0)},[y]);const v=s.getMinorPopupStyles(j,m);return e.jsxs("div",{ref:p,style:v.container,children:[e.jsx("div",{style:v.imageContainer,children:a.displayImage?e.jsxs("div",{style:v.imageWrapper,children:[e.jsx("img",{src:a.displayImage,alt:a.title,style:v.image,onError:e=>{a.image&&(e.target.src=a.image)}}),e.jsx("div",{style:v.badge,children:e.jsx("span",{style:v.badgeText,children:r.TEXT.NEW_FEATURE_BADGE})})]}):e.jsx("div",{style:v.imagePlaceholder,children:r.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:v.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:v.title,children:a.title}),e.jsx("div",{style:v.content,dangerouslySetInnerHTML:{__html:n.decodeHTMLEntities(a.content||a.body||"")}})]}),e.jsxs("div",{style:v.actionsContainer,children:[e.jsx("span",{onClick:()=>{(e=>{if(i.hideJoyrideArrow(p.current),p.current&&a.featureTag){const e=l.findFeatureTagElement(a.featureTag);if(e){const t=i.calculateCloseTransform(p.current,e);E(t)}else E("scale(0)")}else E("scale(0)");null==g||g(!0),f(!0),i.executeAfterAnimation(e)})(c)},style:v.understoodText,children:r.TEXT.UNDERSTOOD}),a.productVideo&&e.jsx("button",{onClick:()=>{if(d(),i.hideJoyrideArrow(p.current),p.current&&a.featureTag){const e=a.featureTag.startsWith("#")||a.featureTag.startsWith(".")||a.featureTag.startsWith("[")?a.featureTag:`#${a.featureTag}`,t=document.querySelector(e);if(t){const e=i.calculateCloseTransform(p.current,t);E(e)}else E("scale(0)")}else E("scale(0)");null==g||g(!0),f(!0)},style:v.exploreButton,children:a.buttonText||r.TEXT.DEFAULT_BUTTON_TEXT})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./constants/index.js");require("../../constants/Theme.js"),require("./constants/animations.js");var s=require("./styles/minorPopup.styles.js"),n=require("./utils/htmlHelpers.js"),i=require("./utils/animationHelpers.js"),l=require("./utils/elementHelpers.js");exports.default=a=>{let{feature:o,currentIndex:u,totalFeatures:c,onSkip:d,onExplore:T,onPrevious:x,onNext:g,setIsClosing:y}=a;const[f,j]=t.useState(!1),[h,m]=t.useState(!1),[E,p]=t.useState(""),v=t.useRef(null);t.useEffect((()=>{f&&m(!0)}),[f]);const q=s.getMinorPopupStyles(h,E);return e.jsxs("div",{ref:v,style:q.container,children:[e.jsx("div",{style:q.imageContainer,children:o.displayImage?e.jsxs("div",{style:q.imageWrapper,children:[e.jsx("img",{src:o.displayImage,alt:o.title,style:q.image,onError:e=>{o.image&&(e.target.src=o.image)}}),e.jsx("div",{style:q.badge,children:e.jsx("span",{style:q.badgeText,children:r.TEXT.NEW_FEATURE_BADGE})})]}):e.jsx("div",{style:q.imagePlaceholder,children:r.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),e.jsxs("div",{style:q.contentContainer,children:[e.jsxs("div",{children:[e.jsx("h3",{style:q.title,children:o.title}),e.jsx("div",{style:q.content,dangerouslySetInnerHTML:{__html:n.decodeHTMLEntities(o.content||o.body||"")}})]}),e.jsxs("div",{style:q.actionsContainer,children:[e.jsx("span",{onClick:()=>{(e=>{if(i.hideJoyrideArrow(v.current),v.current&&o.featureTag){const e=l.findFeatureTagElement(o.featureTag);if(e){const t=i.calculateCloseTransform(v.current,e);p(t)}else p("scale(0)")}else p("scale(0)");null==y||y(!0),j(!0),i.executeAfterAnimation(e)})(d)},style:q.understoodText,children:r.TEXT.UNDERSTOOD}),o.productVideo&&e.jsx("button",{onClick:()=>{if(T(),i.hideJoyrideArrow(v.current),v.current&&o.featureTag){const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`,t=document.querySelector(e);if(t){const e=i.calculateCloseTransform(v.current,t);p(e)}else p("scale(0)")}else p("scale(0)");null==y||y(!0),j(!0)},style:q.exploreButton,children:o.buttonText||r.TEXT.DEFAULT_BUTTON_TEXT})]})]})]})};

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

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

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

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

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

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

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

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

package/dist/cjs/components/file-uploader/FileUploader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("../button/Button.js"),s=require("../curtain/Curtain.js"),t=require("../curtain/CurtainHelper.js"),o=require("./FileUploaderStyle.js"),a=require("../input/Input.js"),d=require("../progress-bar/ProgressBarComponent.js"),r=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),u=require("../../assets/icons/check.svg.js"),p=require("../../assets/icons/file.svg.js"),h=require("../../assets/icons/filePdf.svg.js"),v=require("../../assets/icons/image.svg.js"),f=require("../../assets/icons/triangle_error.svg.js"),_=require("../../assets/icons/upload.svg.js"),j=require("../../assets/icons/videoRecorder.svg.js");const x={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=m=>{var y,U;const[g,b]=l.useState(""),[w,N]=l.useState(""),[C,S]=l.useState(null),[I,F]=l.useState(!1),[L,T]=l.useState(),[E,O]=l.useState((null===(y=m.fileUploadRules.allowedFormats.split(",").map(e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()}))||void 0===y?void 0:y.join("/"))||"FILE"),M=e=>{const l=e.split(".").pop();if(null==m?void 0:m.fileName)return`${m.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},R=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},P=e=>{var l;b("");const i=null===(l=null==e?void 0:e.files)||void 0===l?void 0:l[0],s=(e=>{if(!e)return"Please upload an file before saving!";const l=m.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${R(l)}`:"":"Uploaded file type is not supported!"})(i);b(s),s?m.onError(s):(S(i),q(i),F(!0))},q=e=>{var l,i;if(!g){const s=M(e.name),t=(null===(l=s.split(".").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";O(t),null===(i=m.uploadFile)||void 0===i||i.call(m,e,s).then(l=>{const i=((e,l,i)=>{const s=new Date;return{fileId:s.getTime().toString(),fileName:i,fileSize:R(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:s}})(e,l,s);F(!1),T(i)}).catch(e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";m.onError(l)})}},B=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(l=m.getFileMetaFromUrl)||void 0===l||l.call(m,e).then(l=>{var i,s;if(l&&l.type&&(null===(i=l.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===E.toLowerCase()){const i=m.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)N(`Max file size that can be added is ${R(i)}`);else{const i=(null===(s=l.type.split("/").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";O(i);const t=M(`file.${i.toLowerCase()}`),o=new Date;T({fileId:o.getTime().toString(),fileName:t,fileSize:R(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:o}),S(null)}else N("Uploaded file type is not supported!")}else N(`Please enter a valid ${E.toLowerCase()} URL`)},e=>{var l;return N(null!==(l=null==e?void 0:e.message)&&void 0!==l?l:"Please enter a valid image URL")}):N(`Please enter a valid ${E.toLowerCase()} URL`))},D=(l,i,s)=>"IMAGE"===x[E]?e.jsx(v.default,{color:l,height:i,width:s}):"VIDEO"===x[E]?e.jsx(j.default,{color:l,height:i,width:s}):"PDF"===x[E]?e.jsx(h.default,{color:l,height:i,width:s}):e.jsx(p.default,{color:l,height:i,width:s});return e.jsx(e.Fragment,{children:L&&(null===(U=Object.keys(L))||void 0===U?void 0:U.length)?e.jsxs(o.FileUploadedStyle,{className:"fileUploaded",children:[e.jsxs("div",{className:"fileUploaded__header",children:[e.jsx("div",{className:"fileUploaded__header__icon",children:e.jsx(u.default,{color:c.COLORS.content.primaryInverse,height:46,width:40})}),e.jsx("div",{className:"fileUploaded__header__title",children:e.jsxs(n.TitleMedium,{children:[E," uploaded successfully"]})})]}),e.jsxs("div",{className:"fileUploaded__body",children:[e.jsxs("div",{className:"fileUploaded__body__file-detail",children:[e.jsx("div",{className:"fileUploaded__body__file-detail__icon",children:D(c.COLORS.content.secondary,22,18)}),e.jsx("div",{className:"fileUploaded__body__file-detail__name",children:e.jsx(n.BodySecondary,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==L?void 0:L.fileName})}),e.jsx("div",{className:"fileUploaded__body__file-detail__size",children:null==L?void 0:L.fileSize})]}),e.jsxs("div",{className:"fileUploaded__body__buttons",children:[e.jsx("div",{className:"fileUploaded__body__buttons__edit",children:e.jsx(i.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;T({}),null===(e=m.fileUploadRules.allowedFormats.split(",").map(e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()}))||void 0===e||e.join("/")}})}),e.jsx("div",{className:"fileUploaded__body__buttons__done",children:e.jsx(i.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>m.onSuccess(C,L)})})]})]})]}):e.jsxs(o.FileUploaderStyle,{showProgressBar:I,children:[e.jsxs("div",{className:"fileUploader",children:[e.jsxs("div",{className:"fileUploader__header",children:[e.jsx("div",{className:"fileUploader__header__icon",children:D(c.COLORS.content.secondary,36,30)}),e.jsx(r.Tooltip,{body:E,placement:"top",children:e.jsx("div",{className:"fileUploader__header__title",children:e.jsx(n.TitleMedium,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:I?"Document upload in progress":`Upload ${E}`})})}),e.jsx("div",{className:"fileUploader__header__caption",children:e.jsx(n.BodySecondary,{style:{color:c.COLORS.content.secondary},children:I?`Your ${E} is getting loaded. This may take a couple of minutes.`:`${E.includes("/")?"Files":E+" format"} • Max ${R(Math.max(...Object.values(m.fileUploadRules.allowedSize)))}`})})]}),e.jsx("div",{className:"fileUploader__body",children:I?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fileUploader__body__progress-bar",children:e.jsx(d.ProgressBarComponent,{completed:m.uploadProgress,isAnimated:!0})}),e.jsx("div",{className:"fileUploader__body__cancel-button",children:e.jsx(i.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{F(!1),S(null),T({})}})})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fileUploader__body__link",children:e.jsx(a.Input,{type:"text",onChangeText:()=>N(""),placeholder:`Enter URL of the ${E.includes("/")?"file":E.toLowerCase()}`,width:"100%",height:"48px",labelText:`${E.includes("/")?"File":E} link`,errorMessage:w,onBlur:e=>B(e.target.value)})}),e.jsxs("div",{className:"fileUploader__body__divider",children:[e.jsx("div",{className:"left"}),e.jsx("div",{className:"title",children:e.jsx(n.BodyCaption,{style:{color:c.COLORS.content.secondary},children:"Or upload from device"})}),e.jsx("div",{className:"right"})]}),e.jsxs("div",{className:"fileUploader__body__upload",children:[e.jsx("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:e.jsxs("div",{className:"file-uploader",children:[e.jsx("div",{children:e.jsx(_.default,{height:18,width:18})}),e.jsx("div",{children:e.jsx(n.ButtonLarge,{style:{color:c.COLORS.content.brand},children:"Upload"})})]})}),e.jsx("input",{id:"file-upload-button",type:"file",accept:m.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>P(e.target)})]})]})})]}),g&&e.jsx("div",{className:"fileUploadError",children:e.jsx(s.Curtain,{type:t.CURTAIN_TYPES.NEGATIVE,mode:t.CURTAIN_MODE.LIGHT,text:g,hideCrossIcon:!0,icon:()=>e.jsx(f.default,{height:16,width:19,color:c.COLORS.content.negative})})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("../button/Button.js"),s=require("../curtain/Curtain.js"),t=require("../curtain/CurtainHelper.js"),o=require("./FileUploaderStyle.js"),a=require("../input/Input.js"),d=require("../progress-bar/ProgressBarComponent.js"),r=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),c=require("../../constants/Theme.js"),u=require("../../assets/icons/check.svg.js"),p=require("../../assets/icons/file.svg.js"),h=require("../../assets/icons/filePdf.svg.js"),v=require("../../assets/icons/image.svg.js"),f=require("../../assets/icons/triangle_error.svg.js"),_=require("../../assets/icons/upload.svg.js"),j=require("../../assets/icons/videoRecorder.svg.js");const x={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=m=>{var y,U;const[g,b]=l.useState(""),[w,N]=l.useState(""),[C,S]=l.useState(null),[I,F]=l.useState(!1),[L,T]=l.useState(),[E,O]=l.useState((null===(y=m.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===y?void 0:y.join("/"))||"FILE"),M=e=>{const l=e.split(".").pop();if(null==m?void 0:m.fileName)return`${m.fileName}.${l}`;const i=new Date;return e.split(".")[0]+"_"+i.getTime().toString()+"."+l},R=e=>{if(!e)return"0 Bytes";const l=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,l)).toFixed(2))} ${["Bytes","KB","MB"][l]}`},P=e=>{var l;b("");const i=null===(l=null==e?void 0:e.files)||void 0===l?void 0:l[0],s=(e=>{if(!e)return"Please upload an file before saving!";const l=m.fileUploadRules.allowedSize[e.type.toLowerCase()];return l?e.size>l?`Max file size that can be added is ${R(l)}`:"":"Uploaded file type is not supported!"})(i);b(s),s?m.onError(s):(S(i),q(i),F(!0))},q=e=>{var l,i;if(!g){const s=M(e.name),t=(null===(l=s.split(".").at(-1))||void 0===l?void 0:l.toUpperCase())||"FILE";O(t),null===(i=m.uploadFile)||void 0===i||i.call(m,e,s).then((l=>{const i=((e,l,i)=>{const s=new Date;return{fileId:s.getTime().toString(),fileName:i,fileSize:R(e.size),fileType:e.type,fileUrl:l,uploadType:"FileUpload",uploadDate:s}})(e,l,s);F(!1),T(i)})).catch((e=>{const l=(null==e?void 0:e.message)||"Unknown technical error occured while uploading file!";m.onError(l)}))}},B=e=>{var l;e&&((e=>{try{return new URL(e),!0}catch(e){return!1}})(e)?null===(l=m.getFileMetaFromUrl)||void 0===l||l.call(m,e).then((l=>{var i,s;if(l&&l.type&&(null===(i=l.type.split("/").at(-1))||void 0===i?void 0:i.toLowerCase())===E.toLowerCase()){const i=m.fileUploadRules.allowedSize[l.type.toLowerCase()];if(i)if(l.size>i)N(`Max file size that can be added is ${R(i)}`);else{const i=(null===(s=l.type.split("/").at(-1))||void 0===s?void 0:s.toUpperCase())||"FILE";O(i);const t=M(`file.${i.toLowerCase()}`),o=new Date;T({fileId:o.getTime().toString(),fileName:t,fileSize:R(l.size),fileType:l.type,fileUrl:e,uploadType:"URL",uploadDate:o}),S(null)}else N("Uploaded file type is not supported!")}else N(`Please enter a valid ${E.toLowerCase()} URL`)}),(e=>{var l;return N(null!==(l=null==e?void 0:e.message)&&void 0!==l?l:"Please enter a valid image URL")})):N(`Please enter a valid ${E.toLowerCase()} URL`))},D=(l,i,s)=>"IMAGE"===x[E]?e.jsx(v.default,{color:l,height:i,width:s}):"VIDEO"===x[E]?e.jsx(j.default,{color:l,height:i,width:s}):"PDF"===x[E]?e.jsx(h.default,{color:l,height:i,width:s}):e.jsx(p.default,{color:l,height:i,width:s});return e.jsx(e.Fragment,{children:L&&(null===(U=Object.keys(L))||void 0===U?void 0:U.length)?e.jsxs(o.FileUploadedStyle,{className:"fileUploaded",children:[e.jsxs("div",{className:"fileUploaded__header",children:[e.jsx("div",{className:"fileUploaded__header__icon",children:e.jsx(u.default,{color:c.COLORS.content.primaryInverse,height:46,width:40})}),e.jsx("div",{className:"fileUploaded__header__title",children:e.jsxs(n.TitleMedium,{children:[E," uploaded successfully"]})})]}),e.jsxs("div",{className:"fileUploaded__body",children:[e.jsxs("div",{className:"fileUploaded__body__file-detail",children:[e.jsx("div",{className:"fileUploaded__body__file-detail__icon",children:D(c.COLORS.content.secondary,22,18)}),e.jsx("div",{className:"fileUploaded__body__file-detail__name",children:e.jsx(n.BodySecondary,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:null==L?void 0:L.fileName})}),e.jsx("div",{className:"fileUploaded__body__file-detail__size",children:null==L?void 0:L.fileSize})]}),e.jsxs("div",{className:"fileUploaded__body__buttons",children:[e.jsx("div",{className:"fileUploaded__body__buttons__edit",children:e.jsx(i.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{var e;T({}),null===(e=m.fileUploadRules.allowedFormats.split(",").map((e=>{var l,i;return null===(i=null===(l=null==e?void 0:e.split("/"))||void 0===l?void 0:l.at(-1))||void 0===i?void 0:i.toUpperCase()})))||void 0===e||e.join("/")}})}),e.jsx("div",{className:"fileUploaded__body__buttons__done",children:e.jsx(i.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>m.onSuccess(C,L)})})]})]})]}):e.jsxs(o.FileUploaderStyle,{showProgressBar:I,children:[e.jsxs("div",{className:"fileUploader",children:[e.jsxs("div",{className:"fileUploader__header",children:[e.jsx("div",{className:"fileUploader__header__icon",children:D(c.COLORS.content.secondary,36,30)}),e.jsx(r.Tooltip,{body:E,placement:"top",children:e.jsx("div",{className:"fileUploader__header__title",children:e.jsx(n.TitleMedium,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:I?"Document upload in progress":`Upload ${E}`})})}),e.jsx("div",{className:"fileUploader__header__caption",children:e.jsx(n.BodySecondary,{style:{color:c.COLORS.content.secondary},children:I?`Your ${E} is getting loaded. This may take a couple of minutes.`:`${E.includes("/")?"Files":E+" format"} • Max ${R(Math.max(...Object.values(m.fileUploadRules.allowedSize)))}`})})]}),e.jsx("div",{className:"fileUploader__body",children:I?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fileUploader__body__progress-bar",children:e.jsx(d.ProgressBarComponent,{completed:m.uploadProgress,isAnimated:!0})}),e.jsx("div",{className:"fileUploader__body__cancel-button",children:e.jsx(i.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{F(!1),S(null),T({})}})})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fileUploader__body__link",children:e.jsx(a.Input,{type:"text",onChangeText:()=>N(""),placeholder:`Enter URL of the ${E.includes("/")?"file":E.toLowerCase()}`,width:"100%",height:"48px",labelText:`${E.includes("/")?"File":E} link`,errorMessage:w,onBlur:e=>B(e.target.value)})}),e.jsxs("div",{className:"fileUploader__body__divider",children:[e.jsx("div",{className:"left"}),e.jsx("div",{className:"title",children:e.jsx(n.BodyCaption,{style:{color:c.COLORS.content.secondary},children:"Or upload from device"})}),e.jsx("div",{className:"right"})]}),e.jsxs("div",{className:"fileUploader__body__upload",children:[e.jsx("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:e.jsxs("div",{className:"file-uploader",children:[e.jsx("div",{children:e.jsx(_.default,{height:18,width:18})}),e.jsx("div",{children:e.jsx(n.ButtonLarge,{style:{color:c.COLORS.content.brand},children:"Upload"})})]})}),e.jsx("input",{id:"file-upload-button",type:"file",accept:m.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:e=>P(e.target)})]})]})})]}),g&&e.jsx("div",{className:"fileUploadError",children:e.jsx(s.Curtain,{type:t.CURTAIN_TYPES.NEGATIVE,mode:t.CURTAIN_MODE.LIGHT,text:g,hideCrossIcon:!0,icon:()=>e.jsx(f.default,{height:16,width:19,color:c.COLORS.content.negative})})})]})})};

package/dist/cjs/components/floater/floater.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const r=t.useRef(null),[i,n]=t.useState(0),[o,s]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect(()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void s(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const i=null==r?void 0:r.current;i?(t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),s(t)):s(t)})(e),(e=>{if(f.useDefaultOffsets)return void n(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const i=null==r?void 0:r.current;if(!i)return void n(t);const o=window.innerHeight;e.top+i.offsetHeight>o&&(t=e.top-(e.top+i.offsetHeight-o)-10),n(t)})(e),u(!0)}}),l?e.jsx("div",{style:{top:i,left:o,position:"fixed",zIndex:1e3},children:e.jsx("div",{ref:r,children:f.children})}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const r=t.useRef(null),[i,n]=t.useState(0),[o,s]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void s(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const i=null==r?void 0:r.current;i?(t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),s(t)):s(t)})(e),(e=>{if(f.useDefaultOffsets)return void n(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const i=null==r?void 0:r.current;if(!i)return void n(t);const o=window.innerHeight;e.top+i.offsetHeight>o&&(t=e.top-(e.top+i.offsetHeight-o)-10),n(t)})(e),u(!0)}})),l?e.jsx("div",{style:{top:i,left:o,position:"fixed",zIndex:1e3},children:e.jsx("div",{ref:r,children:f.children})}):null};

package/dist/cjs/{src/components → components}/floating-action-button/FloatingActionButton.styles.d.ts

@@ -38,16 +38,16 @@ export declare const StyledDropdown: import("styled-components/dist/types").ISty
     width?: string;
     height?: string;
 }>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"a", import("react-bootstrap").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", import("react-bootstrap").DropdownItemTextProps>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", import("react-bootstrap").DropdownDividerProps>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownHeaderProps>;
+    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
+    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
+    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<React.ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & React.RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
+    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
+    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
+    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
 }, keyof import("react").Component<any, {}, any>>;
-export declare const DropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps & {
+export declare const DropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
     children?: import("react").ReactNode | undefined;
-}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
 export declare const TooltipStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     tooltipWidth?: number;
 }>> & string;

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),n=require("react-popper"),t=require("styled-components"),r=require("../dropShadow/DropShadow.js"),i=require("../dropdown/Common.styled.js"),s=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),d=require("../input/Input.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=a(t).default(i.OpenDropdownContainer)`
-	opacity: ${({visible:e})=>e?1:0};
-	visibility: ${({visible:e})=>e?"visible":"hidden"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),i=require("../dropdown/Common.styled.js"),s=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),d=require("../input/Input.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=a(o).default(i.OpenDropdownContainer)`
+	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
+	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=({inputProps:t,dropdownProps:i,floaterProps:a,children:u,isVisible:c,onDropdownOptionClick:f,onChangeText:v})=>{const b=o.useRef(null),j=o.useRef(null),[m,w]=o.useState(!1),[h,x]=o.useState(null),[y,O]=o.useState(null),[g,S]=o.useState(!1),{styles:D,attributes:q,update:C,forceUpdate:P}=n.usePopper(y,h,{placement:i.placement,strategy:i.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});o.useEffect(()=>{if(!m){const e=setTimeout(()=>S(!1),200);return()=>clearTimeout(e)}S(!0),C&&C()},[m,C]),o.useEffect(()=>{if(b.current){const e=new ResizeObserver(()=>{C&&C()});return e.observe(b.current),()=>{e.disconnect()}}},[b.current,C]);return e.jsxs(e.Fragment,{children:[c&&e.jsxs(l.Floater,Object.assign({},a,{refElement:j,children:[e.jsx("div",{style:{position:"relative"},ref:O,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(d.Input,Object.assign({},t,{onClick:()=>{var e;null===(e=i.onDropdownOpen)||void 0===e||e.call(i),m?w(!1):i.disabled||w(!0),null==P||P()},ref:b,onChangeText:(e,o)=>{null==v||v(e,o),C&&C()}}))})}),e.jsx(p,Object.assign({ref:x,style:Object.assign(Object.assign({},D.popper),{zIndex:3})},q.popper,{visible:m||g,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,Object.assign({},i,{onSelect:e=>{var o;"2.0"===i.version&&i.isMultiSelect||(null===(o=i.onSelect)||void 0===o||o.call(i,e),w(!1))},onClose:e=>{var o,n;"2.0"===i.version&&i.isMultiSelect&&e&&(null===(o=i.onSelect)||void 0===o||o.call(i,[...e])),w(!1),null===(n=null==i?void 0:i.onClose)||void 0===n||n.call(i)},version:i.version,headerRef:b,onDropdownItemClick:e=>{null==f||f(e)}}))})}))]})),e.jsx("div",{ref:j,children:u&&e.jsx("div",{children:u})})]})};
+`;exports.FloatingInputDropdown=o=>{let{inputProps:i,dropdownProps:a,floaterProps:u,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[w,h]=t.useState(!1),[x,y]=t.useState(null),[O,g]=t.useState(null),[S,D]=t.useState(!1),{styles:q,attributes:C,update:P,forceUpdate:R}=n.usePopper(O,x,{placement:a.placement,strategy:a.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t.useEffect((()=>{if(!w){const e=setTimeout((()=>D(!1)),200);return()=>clearTimeout(e)}D(!0),P&&P()}),[w,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},u,{refElement:m,children:[e.jsx("div",{style:{position:"relative"},ref:g,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(d.Input,Object.assign({},i,{onClick:()=>{var e;null===(e=a.onDropdownOpen)||void 0===e||e.call(a),w?h(!1):a.disabled||h(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))})}),e.jsx(p,Object.assign({ref:y,style:Object.assign(Object.assign({},q.popper),{zIndex:3})},C.popper,{visible:w||S,children:e.jsx(r.DropShadow,{level:"z2",position:"down",style:{borderRadius:8},children:e.jsx(s.OpenedDropdown,Object.assign({},a,{onSelect:e=>{var t;"2.0"===a.version&&a.isMultiSelect||(null===(t=a.onSelect)||void 0===t||t.call(a,e),h(!1))},onClose:e=>{var t,n;"2.0"===a.version&&a.isMultiSelect&&e&&(null===(t=a.onSelect)||void 0===t||t.call(a,[...e])),h(!1),null===(n=null==a?void 0:a.onClose)||void 0===n||n.call(a)},version:a.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))})}))]})),e.jsx("div",{ref:m,children:c&&e.jsx("div",{children:c})})]})};

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef((o,s)=>{var{id:n,iconButtonType:c="default",Icon:u,height:a=20,width:y=20,bordered:b,disabled:p,isSelected:h,style:j,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,h),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:j,iconButtonType:c,bordered:b,disabled:p,isSelected:h},B,{children:d.default.createElement(u,{height:a,width:y,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,{body:v,children:t.jsx("span",{style:{display:"inline-block",cursor:"not-allowed"},children:T})}):T});n.displayName="IconButton",exports.IconButton=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),o=require("react"),i=require("../tooltips/Tooltip.js"),r=require("./IconButton.styled.js"),l=require("./theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(o);const n=o.forwardRef(((o,s)=>{var{id:n,iconButtonType:c="default",Icon:u,height:a=20,width:y=20,bordered:b,disabled:p,isSelected:h,style:j,svgStyle:f,iconColor:g,disabledTooltip:v}=o,B=e.__rest(o,["id","iconButtonType","Icon","height","width","bordered","disabled","isSelected","style","svgStyle","iconColor","disabledTooltip"]);const I=l.getIconColor(c,p,h),T=t.jsx(r.IconButton,Object.assign({id:n,ref:s,style:j,iconButtonType:c,bordered:b,disabled:p,isSelected:h},B,{children:d.default.createElement(u,{height:a,width:y,color:g||I,style:Object.assign({display:"block"},null!=f?f:{})})}));return p&&v?t.jsx(i.Tooltip,{body:v,children:t.jsx("span",{style:{display:"inline-block",cursor:"not-allowed"},children:T})}):T}));n.displayName="IconButton",exports.IconButton=n;

package/dist/cjs/components/icon-button/IconButton.styled.js

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../constants/Theme.js"),n=require("./theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=r(t).default.button`
-	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${e.COLORS.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${n.generateBackgroundColor(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
+	${t=>`\n\tall: unset;\n\tcursor: pointer;\n\tpadding: 6px;\n\tborder-radius: 4px;\n\tflex-wrap: wrap;\n\t${t.bordered&&"ai"!==t.iconButtonType?`border: 1px solid ${e.COLORS.stroke.primary};`:""}\n\t${t.isSelected?`\n\t\t\tbackground: ${n.generateBackgroundColor(t.iconButtonType)};\n\t\t\t\t`:"\n\t\t\t\t:hover {\n\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t\t\t}\n\t\t\t"}\n\t${t.disabled&&"\n\t\t\tcursor: not-allowed !important;\n\t\t\tbackground-color: rgba(0, 0, 0, 0.03);\n\t\t"}\n\n\t`}
 `;exports.IconButton=o;

package/dist/cjs/components/image-compress/ImageCompress.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(require("browser-image-compression"));class i{}Object.defineProperty(i,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),a=new Uint8Array(i);for(let e=0;e<r.length;e++)a[e]=r.charCodeAt(e);const o=new Blob([i],{type:t});return new File([o],"image",{type:t})}}),Object.defineProperty(i,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(r,i)=>e.__awaiter(void 0,void 0,void 0,function*(){let e=r,a="";const o=i?i.maxSizeMB:r.size/1024/1024*.8;try{const i={maxSizeMB:o,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(e=yield t.default(r,i)),a=yield t.default.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:a,compressedFile:e}})}),exports.ImageService=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(require("browser-image-compression"));class i{}Object.defineProperty(i,"base64ToImage",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const r=atob(e.split(",")[1]),t=e.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(r.length),a=new Uint8Array(i);for(let e=0;e<r.length;e++)a[e]=r.charCodeAt(e);const o=new Blob([i],{type:t});return new File([o],"image",{type:t})}}),Object.defineProperty(i,"compressImage",{enumerable:!0,configurable:!0,writable:!0,value:(r,i)=>e.__awaiter(void 0,void 0,void 0,(function*(){let e=r,a="";const o=i?i.maxSizeMB:r.size/1024/1024*.8;try{const i={maxSizeMB:o,maxWidthOrHeight:1920,useWebWorker:!0};r.size/1024/1024>.1&&(e=yield t.default(r,i)),a=yield t.default.getDataUrlFromFile(e)}catch(e){console.error(e)}return{base64:a,compressedFile:e}}))}),exports.ImageService=i;

package/dist/cjs/components/image-cropper/BikImageCropper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}});return t.jsx(o.StyledModal,{open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)})}},children:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:t.jsx("div",{children:t.jsx(n.default,{crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio,children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})})})})})};exports.BikImageCropper=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("react-image-crop"),o=require("../modals/styledModal.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);const d=r=>{const[a,d]=i.useState(!1),[l,c]=i.useState(void 0),[s,h]=i.useState({width:0,height:0}),[u,g]=i.useState(!1),v=(t,i,r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=document.createElement("canvas");e.width=i.width,e.height=i.height;const a=e.getContext("2d");if(!a)throw new Error("Failed to get 2D context of canvas.");a.drawImage(t,i.x*r,i.y*o,i.width*r,i.height*o,0,0,i.width,i.height);try{return e.toDataURL("image/png")}catch(e){throw new Error("Failed to create blob for cropped image.")}}));return t.jsx(o.StyledModal,{open:!0,onClose:r.onCancel,centralContainerStyles:{width:700,maxHeight:700},headingTitle:"Crop Image",primaryButton:{buttonText:"Save",isLoading:u,onClick:()=>{var t;t=l,e.__awaiter(void 0,void 0,void 0,(function*(){var e,i;if(g(!0),r.src&&(null==t?void 0:t.width)&&(null==t?void 0:t.height)){const i=new Image;i.src=r.src;const o=i.naturalWidth/s.width,n=i.naturalHeight/s.height,d=yield v(i,t,o,n);yield null===(e=null==r?void 0:r.onCropComplete)||void 0===e?void 0:e.call(r,d,a)}else yield null===(i=null==r?void 0:r.onCropComplete)||void 0===i?void 0:i.call(r,r.src,a);g(!1)}))}},children:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:t.jsx("div",{children:t.jsx(n.default,{crop:l,onChange:e=>{c(e)},circularCrop:!1,onDragStart:()=>{d(!0)},aspect:r.aspectRatio,children:t.jsx("img",{style:{maxWidth:700,maxHeight:550,objectFit:"contain"},src:r.src,alt:"image cropper",onLoad:e=>{const t=e.target,i=t.width;h({width:i,height:t.height})}})})})})})};exports.BikImageCropper=d,exports.default=d;

package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../image-compress/ImageCompress.js"),s=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var t=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=({cropOptions:i,fileTitle:l,compressionOptions:n,currentImage:p,options:c,onFinish:u,onCancel:d,fileUploadOptions:m,loadingStateOptions:g})=>{const h=o.useRef(null),[j,C]=o.useState(),[I,f]=o.useState(p),[v,x]=o.useState(!1);o.useEffect(()=>{c.upload?(C("upload"),setTimeout(()=>{b()},500)):c.crop?C("crop"):c.compress?C("compress"):c.uploadToFirestorage?C("cloud-upload"):x(!0)},[c.upload,c.crop,c.compress,c.uploadToFirestorage]);const S=o.useCallback((e,o)=>{if(!c.uploadToFirestorage)return u(e,o),void x(!0);C("cloud-upload"),m&&m.uploadFile(o,m.path).then(r=>{u(e,o,r),x(!0)}).catch(e=>{console.log("starting err process with ")})},[]),F=e=>{e||d();const o=r.ImageService.base64ToImage(e);c.compress?(C("compress"),r.ImageService.compressImage(o,n).then(e=>{if(!e)return x(!0),void d();S(e.base64,e.compressedFile)})):S(e,o)},b=()=>{h.current.click()};return v?e.jsx(e.Fragment,{}):"cloud-upload"===j?!m||m.success?e.jsx(e.Fragment,{}):m.error?e.jsx("div",{children:e.jsx(t.StateModalComponent,{states:s.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{x(!0),d()}})}):e.jsx("div",{children:e.jsx(t.StateModalComponent,{headerImage:null==g?void 0:g.headerImage,states:s.StateInterface.LOADING,heading:`Uploading your ${l||"photo"}`,subline:`Please wait while we upload your ${l||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[c.upload&&e.jsx("input",{ref:h,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],r=new FileReader;r.onload=()=>{var e;f({src:r.result}),e=r.result,c.crop?C("crop"):F(e)},o&&r.readAsDataURL(o)}}),"crop"===j&&e.jsx(a.BikImageCropper,{src:I.src,onCropComplete:e=>{f({src:e}),F(e)},aspectRatio:i.aspectRatio,onCancel:d})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("../../image-compress/ImageCompress.js"),t=require("../../states/StateComponent.js");require("../../../_virtual/_tslib.js");var s=require("../../states-modal/StateModalComponent.js");require("../../modals/styledModal.js");var a=require("../BikImageCropper.js");exports.BikImagePipeline=i=>{let{cropOptions:l,fileTitle:n,compressionOptions:p,currentImage:c,options:u,onFinish:d,onCancel:m,fileUploadOptions:g,loadingStateOptions:h}=i;const j=o.useRef(null),[C,I]=o.useState(),[f,v]=o.useState(c),[x,S]=o.useState(!1);o.useEffect((()=>{u.upload?(I("upload"),setTimeout((()=>{y()}),500)):u.crop?I("crop"):u.compress?I("compress"):u.uploadToFirestorage?I("cloud-upload"):S(!0)}),[u.upload,u.crop,u.compress,u.uploadToFirestorage]);const F=o.useCallback(((e,o)=>{if(!u.uploadToFirestorage)return d(e,o),void S(!0);I("cloud-upload"),g&&g.uploadFile(o,g.path).then((r=>{d(e,o,r),S(!0)})).catch((e=>{console.log("starting err process with ")}))}),[]),b=e=>{e||m();const o=r.ImageService.base64ToImage(e);u.compress?(I("compress"),r.ImageService.compressImage(o,p).then((e=>{if(!e)return S(!0),void m();F(e.base64,e.compressedFile)}))):F(e,o)},y=()=>{j.current.click()};return x?e.jsx(e.Fragment,{}):"cloud-upload"===C?!g||g.success?e.jsx(e.Fragment,{}):g.error?e.jsx("div",{children:e.jsx(s.StateModalComponent,{states:t.StateInterface.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{S(!0),m()}})}):e.jsx("div",{children:e.jsx(s.StateModalComponent,{headerImage:null==h?void 0:h.headerImage,states:t.StateInterface.LOADING,heading:`Uploading your ${n||"photo"}`,subline:`Please wait while we upload your ${n||"photo"}`,isButtonEnabled:!1,width:300})}):e.jsxs(e.Fragment,{children:[u.upload&&e.jsx("input",{ref:j,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>{const o=e.target.files[0],r=new FileReader;r.onload=()=>{var e;v({src:r.result}),e=r.result,u.crop?I("crop"):b(e)},o&&r.readAsDataURL(o)}}),"crop"===C&&e.jsx(a.BikImageCropper,{src:f.src,onCropComplete:e=>{v({src:e}),b(e)},aspectRatio:l.aspectRatio,onCancel:m})]})};

package/dist/cjs/{src/components → components}/input/ChipInput.d.ts

@@ -15,7 +15,6 @@ export interface ChipInputProps {
     createChipKeys?: (string | number)[];
     chipsContainerCustomStyle?: React.CSSProperties;
     nativeID?: string;
-    disableTextInput?: boolean;
 }
 declare const ChipInput: React.FC<ChipInputProps>;
 export default ChipInput;

package/dist/cjs/components/input/ChipInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("react-tag-autocomplete"),n=require("../../constants/Theme.js"),l=require("../../assets/icons/cross.svg.js"),a=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");exports.default=({onChipsChange:i,placeholder:c,chips:u,label:d,labelColor:p,hintText:h,hintTextColor:y,error:C,chipsContainerCustomStyle:g,nativeID:x,disableTextInput:b=!1})=>{const j=r.useRef(null),m=r.useRef(null);r.useEffect(()=>{if(m.current){const e=m.current.querySelector("input");e&&b?(e.setAttribute("readonly","true"),e.style.caretColor="transparent"):e&&(e.removeAttribute("readonly"),e.style.caretColor="")}},[b]);const f=r.useMemo(()=>[...u].map((e,t)=>({value:t,label:String(e)})),[u]),O=r.useCallback(e=>{if(b)return;const t=String(e.label).trim();if(t){const e=[...u,t];i(e)}},[u,i,b]),v=r.useCallback(e=>{const t=u.filter((t,r)=>r!==e);i(t)},[u,i]),S=r.useCallback(r=>{var{classNames:s,tag:a}=r,o=e.__rest(r,["classNames","tag"]);const{onClick:i}=o,c=e.__rest(o,["onClick"]);return t.jsxs("button",Object.assign({type:"button",className:"chip-tag"},c,{children:[t.jsx("span",{className:"chip-tag-text",children:a.label}),t.jsx("span",{className:"chip-tag-remove","aria-hidden":"true",onClick:i,children:t.jsx(l.default,{width:10,height:10,color:n.COLORS.content.secondary})})]}))},[]);return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},id:x,children:[d&&t.jsx(a.BodySecondary,{style:{color:C?n.COLORS.content.negative:p||n.COLORS.content.primary},children:d}),t.jsx(o.ChipInputContainer,{ref:m,$error:!!C,style:g,$disableTextInput:b,children:t.jsx(s.ReactTags,{ref:j,selected:f,suggestions:[],onAdd:O,onDelete:v,allowNew:!0,activateFirstOption:!0,placeholderText:0===u.length?c:"",noOptionsText:"No matching options",renderTag:S})}),(!!h||!!C)&&t.jsx(a.BodyCaption,{style:{color:C?n.COLORS.content.negative:y||n.COLORS.content.secondary},children:C||h})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-chips"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),o=require("./ChipInput.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);exports.default=r=>{let{onChipsChange:l,placeholder:a,chips:s,label:u,labelColor:d,hintText:h,hintTextColor:p,error:y,inputHeight:C,createChipKeys:v,chipsContainerCustomStyle:f,nativeID:m}=r;const[x,O]=t.useState(!1);return t.useEffect((()=>{var e,t;null===(e=document.querySelector(`#${m} input`))||void 0===e||e.addEventListener("focus",(()=>{O(!0)})),null===(t=document.querySelector(`#${m} input`))||void 0===t||t.addEventListener("blur",(()=>{O(!1)}))}),[]),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},id:m,children:[u&&e.jsx(i.BodySecondary,{style:{color:x?n.COLORS.content.brand:y?n.COLORS.content.negative:d||n.COLORS.content.primary},children:u}),e.jsx(c.default,{value:s,theme:o.theme(!!y,C,f,x),chipTheme:o.chipTheme,placeholder:0===s.length&&!!a&&!x&&a,onChange:e=>{l(e)},createChipKeys:v||","}),(!!h||!!y)&&e.jsx(i.BodyCaption,{style:{color:y?n.COLORS.content.negative:p||n.COLORS.content.secondary},children:y||h})]})};

package/dist/cjs/components/input/ChipInput.styled.d.ts

@@ -0,0 +1,66 @@
+export declare const chipTheme: {
+    chip: {
+        padding: string;
+        background: string;
+        border: string;
+        fontSize: number;
+        color: string;
+        fontWeight: number;
+        borderRadius: number;
+        alignItems: string;
+        alignContent: string;
+        justifyContent: string;
+        cursor: string;
+        margin: string;
+        fontFamily: string;
+    };
+    chipRemove: {
+        fontSize: number;
+        fontFamily: string;
+        cursor: string;
+        fontWeight: string;
+        color: string;
+        marginLeft: number;
+        ':hover': {
+            color: string;
+        };
+    };
+};
+export declare const theme: (error?: boolean, height?: number, chipsContainerCustomStyle?: Object, focused?: boolean) => {
+    chipsContainer: {
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        display: string;
+        position: string;
+        border: string;
+        backgroundColor: string;
+        alignItems: string;
+        flexWrap: string;
+        padding: string;
+        borderRadius: number;
+        ':hover': {
+            border: string;
+        };
+    };
+    container: {
+        flex: number;
+    };
+    containerOpen: {};
+    input: {
+        border: string;
+        outline: string;
+        boxSizing: string;
+        fontSize: number;
+        fontFamily: string;
+        fontWeight: number;
+        height: number;
+        width: string;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+};

package/dist/cjs/components/input/ChipInput.styled.js

@@ -1,146 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=n(e).default.div`
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	gap: 4px;
-	border: 1px solid ${e=>e.$error?t.COLORS.stroke.negative.vibrant:t.COLORS.stroke.primary};
-	border-radius: 4px;
-	background-color: ${t.COLORS.surface.standard};
-	min-height: 30px;
-	padding: 0px 8px 2px 8px;
-	cursor: text;
-
-	ul,
-	ol,
-	li {
-		list-style: none;
-		list-style-type: none;
-		padding: 0;
-		margin: 0;
-	}
-	ul {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		gap: 5px;
-	}
-	.react-tags {
-		position: relative;
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		gap: 4px;
-		border: none;
-		background: transparent;
-		padding: 0;
-		min-height: auto;
-		width: 100%;
-	}
-
-	.react-tags__label {
-		position: absolute;
-		left: -10000px;
-		top: auto;
-		width: 1px;
-		height: 1px;
-		overflow: hidden;
-	}
-
-	/* Style the selected tags list - remove bullet points */
-	ul.react-tags__selected,
-	.react-tags__selected {
-		display: inline-flex !important;
-		flex-wrap: wrap;
-		gap: 4px;
-		padding: 0 !important;
-		margin: 0 !important;
-		list-style: none !important;
-		list-style-type: none !important;
-	}
-
-	.react-tags__selected li,
-	ul.react-tags__selected li {
-		display: inline-flex !important;
-		list-style: none !important;
-		list-style-type: none !important;
-		margin: 0 !important;
-		padding: 0 !important;
-	}
-
-	.react-tags__selected li::before,
-	.react-tags__selected li::marker {
-		display: none !important;
-		content: none !important;
-	}
-
-	.react-tags__selected-tag {
-		display: none; /* Hide default tags, we use custom renderTag */
-	}
-
-	/* Custom chip tag styling */
-	.chip-tag {
-		display: inline-flex;
-		align-items: center;
-		gap: 6px;
-		background: ${t.COLORS.surface.subdued};
-		border: 1px solid ${t.COLORS.stroke.primary};
-		border-radius: 4px;
-		padding: 0px 8px;
-		font-size: 12px;
-		font-family: Inter, sans-serif;
-		font-weight: 400;
-		color: ${t.COLORS.content.secondary};
-		cursor: pointer;
-		line-height: 1.4;
-		white-space: nowrap;
-		margin: 0;
-
-		&:hover {
-			border-color: ${t.COLORS.content.secondary};
-		}
-	}
-
-	.chip-tag-text {
-		font-size: 12px;
-		font-family: Inter, sans-serif;
-	}
-
-	.chip-tag-remove {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		line-height: 1;
-		margin-left: 2px;
-	}
-
-	.react-tags__combobox {
-		flex: 1;
-		display: inline-flex;
-		min-width: 80px;
-	}
-
-	.react-tags__combobox-input {
-		border: none;
-		outline: none;
-		box-sizing: border-box;
-		font-size: 14px;
-		font-family: Inter, sans-serif;
-		font-weight: 400;
-		background: transparent;
-		width: 100%;
-		padding: 4px 0;
-		pointer-events: ${e=>e.$disableTextInput?"none":"auto"};
-		user-select: ${e=>e.$disableTextInput?"none":"auto"};
-		cursor: ${e=>e.$disableTextInput?"default":"text"};
-
-		&::placeholder {
-			color: ${t.COLORS.content.placeholder};
-		}
-	}
-
-	/* Hide the dropdown/listbox completely */
-	.react-tags__listbox {
-		display: none !important;
-	}
-`;t.COLORS.surface.subdued,t.COLORS.stroke.primary,t.COLORS.content.secondary,t.COLORS.content.secondary,t.COLORS.content.secondary,exports.ChipInputContainer=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../constants/Theme.js");const r={chip:{padding:"0px 8px 0px 8px",background:e.COLORS.surface.subdued,border:`1px solid ${e.COLORS.stroke.primary}`,fontSize:12,color:e.COLORS.content.secondary,fontWeight:400,borderRadius:4,alignItems:"center",alignContent:"center",justifyContent:"center",cursor:"default",margin:"0px 8px 0px 0px",fontFamily:"Inter"},chipRemove:{fontSize:12,fontFamily:"Inter",cursor:"pointer",fontWeight:"normal",color:e.COLORS.content.secondary,marginLeft:6,":hover":{color:e.COLORS.content.secondary}}};exports.chipTheme=r,exports.theme=(r,o,n,t)=>({chipsContainer:Object.assign({display:"flex",position:"relative",border:`${t?2:1}px solid ${t?e.COLORS.stroke.brand:r?e.COLORS.stroke.negative.vibrant:e.COLORS.stroke.primary}`,backgroundColor:e.COLORS.surface.standard,alignItems:"center",flexWrap:"wrap",padding:"3px 8px 3px 8px",borderRadius:4,":hover":{border:`2px solid ${e.COLORS.stroke.brand}`}},null!=n?n:{}),container:{flex:1},containerOpen:{},input:{border:"none",outline:"none",boxSizing:"border-box",fontSize:14,fontFamily:"Inter",fontWeight:400,height:o||32,width:"100%",paddingTop:0,paddingBottom:0}});

package/dist/cjs/components/input/Input-helper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("phone");exports.isFunction=e=>e&&"function"==typeof e,exports.validateInput=(n,r,t={})=>{let i;const a=["phonenumber","zip","number"].includes(r),u=a?n?Number(n):null:n;if(null==u||""===u)return[!0,""];if(a&&String(u).length&&(t.min&&u<t.min||t.max&&u>t.max))return[!1,`Enter valid number between ${t.min} and ${t.max}`];if("email"===r)return i=/(.+)@(.+){2,}\.(.+){2,}/,u.match(i)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return i=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,u.match(i)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return u>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(u).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:n}=e.phone("+"+String(u));return n?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==u?void 0:u.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("phone");exports.isFunction=e=>e&&"function"==typeof e,exports.validateInput=function(n,r){let t,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const a=["phonenumber","zip","number"].includes(r),u=a?n?Number(n):null:n;if(null==u||""===u)return[!0,""];if(a&&String(u).length&&(i.min&&u<i.min||i.max&&u>i.max))return[!1,`Enter valid number between ${i.min} and ${i.max}`];if("email"===r)return t=/(.+)@(.+){2,}\.(.+){2,}/,u.match(t)?[!0,""]:[!1,"Enter a valid email id"];if("url"===r)return t=/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/,u.match(t)?[!0,""]:[!1,"Enter a valid url"];if("number"===r)return u>=0?[!0,""]:[!1,"Enter a valid number"];if("zip"===r)return 6===String(u).trim().length?[!0,""]:[!1,"Enter a valid zip code"];if("phonenumber"===r){const{isValid:n}=e.phone("+"+String(u));return n?[!0,""]:[!1,"Enter a valid phonenumber"]}return(null==u?void 0:u.trim().length)>0?[!0,""]:[!1,"Enter a valid data"]};