@bikdotai/bik-component-library 0.0.721-beta.24 → 0.0.721-beta.25

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.721-beta.24",
+	"version": "0.0.721-beta.25",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",