npm - @bigbinary/neeto-molecules - Versions diffs - 3.16.27 → 3.16.29 - Mend

@bigbinary/neeto-molecules 3.16.27 → 3.16.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/NavigationHeader.js +2 -4
package/dist/NavigationHeader.js.map +1 -1
package/dist/ProductEmbed.js +112 -39
package/dist/ProductEmbed.js.map +1 -1
package/dist/PublishBlock.js +77 -189
package/dist/PublishBlock.js.map +1 -1
package/dist/cjs/NavigationHeader.js +2 -4
package/dist/cjs/NavigationHeader.js.map +1 -1
package/dist/cjs/ProductEmbed.js +112 -39
package/dist/cjs/ProductEmbed.js.map +1 -1
package/dist/cjs/PublishBlock.js +76 -188
package/dist/cjs/PublishBlock.js.map +1 -1
package/package.json +1 -1
package/src/translations/en.json +4 -3
package/types/PublishBlock.d.ts +35 -54

package/dist/cjs/NavigationHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/utils.js","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n touch={[\"hold\", 500]}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /*\n Object containing the home button icon and the props to be passed to the tooltip of the home button.\n /\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /\n URL to navigate when the home button is clicked.\n /\n homeUrl: PropTypes.string.isRequired,\n /\n Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n /\n renameProps: PropTypes.object,\n /\n To render extra content in the block.\n /\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import classNames from \"classnames\";\nimport { existsBy, isNotEmpty } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n const { pathname } = useLocation();\n const { t } = useTranslation();\n\n const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n const overflowLinks = headerLinks.slice(maxVisibleLinks);\n\n const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n return (\n <div\n className=\"font- flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {visibleLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography\n component=\"span\"\n lineHeight=\"normal\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n {isNotEmpty(overflowLinks) && (\n <Dropdown\n buttonStyle=\"text\"\n label={t(\"neetoMolecules.navigationHeader.more\")}\n position=\"bottom-end\"\n buttonProps={{\n className: classNames(\n \"neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0\",\n { active: isMoreButtonActive }\n ),\n }}\n >\n <Menu>\n {overflowLinks.map(headerLink => (\n <MenuItem.Button\n data-cy={`${joinHyphenCase(headerLink.key)}-more-tab`}\n isActive={headerLink.to === pathname}\n key={headerLink.key}\n to={headerLink.to}\n {...headerLink}\n >\n {headerLink.label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n )}\n </div>\n );\n};\n\nNavigationLinks.propTypes = {\n /\n Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n /\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n /\n Maximum number of links to be visible in the navigation header. Remaining links will be shown in a more dropdown.\n /\n maxVisibleLinks: PropTypes.number,\n};\n\nexport default NavigationLinks;\n","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\nimport { isAbsoluteUrl } from \"./utils\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton\n {...(isAbsoluteUrl(previewDraftUrl)\n ? { href: previewDraftUrl }\n : { to: previewDraftUrl })}\n />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n {...(isAbsoluteUrl(previewPublishedUrl)\n ? { href: previewPublishedUrl }\n : { to: previewPublishedUrl })}\n disabled={isPublishPreviewDisabled}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription \|\|\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle \|\| t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /\n To show/hide the draft block.\n /\n isDraftBlockHidden: PropTypes.bool,\n /\n Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n /\n previewDraftUrl: PropTypes.string,\n /\n Boolean to control the visibility of reset draft button.\n /\n isResetDraftButtonVisible: PropTypes.bool,\n /\n Callback function that will be called when the reset button is clicked.\n /\n onResetClick: PropTypes.func,\n /\n Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n /\n isResetting: PropTypes.bool,\n /\n To disable the publish button.\n /\n isPublishDisabled: PropTypes.bool,\n /\n Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n /\n isPublishing: PropTypes.bool,\n /\n Callback function that will be called when the publish button is clicked.\n /\n handlePublish: PropTypes.func,\n /\n To disable the publish preview button.\n /\n isPublishPreviewDisabled: PropTypes.bool,\n /\n Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n /\n previewPublishedUrl: PropTypes.string,\n /\n Boolean to control whether the user have the ability to publish.\n /\n isPublishButtonVisible: PropTypes.bool,\n /\n Boolean to control whether the reset alert is open.\n /\n isResetAlertOpen: PropTypes.bool,\n /\n Handler to control the `isResetAlert` state variable.\n /\n setIsResetAlertOpen: PropTypes.func,\n /\n Callback function that will be called when the reset button is clicked.\n /\n handleReset: PropTypes.func,\n /\n Description to be shown in the publish alert\n /\n publishAlertDescription: PropTypes.string,\n /\n Title of the publish alert\n /\n publishAlertTitle: PropTypes.string,\n /\n Props to be passed to the publish button\n /\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const { isSize } = useBreakpoints();\n const isMobile = isSize(\"mobile\");\n\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n const gridStyle = {\n gridTemplateColumns: isMobile\n ? `repeat(${\n navigationLinks ? numberOfChildren - 1 : numberOfChildren\n }, auto)`\n : `repeat(${numberOfChildren}, 1fr)`,\n };\n\n return (\n <div className=\"w-full\">\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div className=\"grid w-full gap-4\" style={gridStyle}>\n {leftActionBlock}\n {!isMobile && navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n {isMobile && (\n <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex flex-shrink-0 items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n {navigationLinks}\n </div>\n )}\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /\n To specify the content to be rendered in the left side of the `NavigationHeader`.\n /\n leftActionBlock: PropTypes.node,\n /\n To specify the content to be rendered at the center of the `NavigationHeader`.\n /\n navigationLinks: PropTypes.node,\n /\n To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","touch","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","Menu","Dropdown","MenuItem","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","visibleLinks","slice","overflowLinks","isMoreButtonActive","existsBy","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","component","lineHeight","style","weight","label","isNotEmpty","buttonStyle","buttonProps","classNames","active","Button","isActive","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
1	+ {"version":3,"file":"NavigationHeader.js","sources":["../../src/components/NavigationHeader/constants.jsx","../../src/components/NavigationHeader/LeftBlock.jsx","../../src/components/NavigationHeader/Navigation.jsx","../../src/components/NavigationHeader/utils.js","../../src/components/NavigationHeader/RightBlock.jsx","../../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n tooltip: {\n content: t(\"neetoMolecules.navigationHeader.home\"),\n position: \"bottom\",\n },\n homeUrl: \"/\",\n icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n homeButtonProps: customHomeButtonProps,\n homeUrl,\n renameProps,\n children,\n}) => {\n const homeButtonProps = mergeDeepRight(\n DEFAULT_HOME_BUTTON_PROPS,\n customHomeButtonProps\n );\n\n return (\n <div\n className=\"flex items-center gap-1 md:gap-2\"\n data-cy=\"navigation-header-left-block\"\n data-testid=\"navigation-header-left-block\"\n >\n <Tooltip\n content={homeButtonProps.tooltip.content}\n position={homeButtonProps.tooltip.position}\n touch={[\"hold\", 500]}\n >\n <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n {homeButtonProps.icon}\n </div>\n </Link>\n </Tooltip>\n {isPresent(renameProps) && (\n <Rename\n dropdownItems={renameProps.dropdownItems}\n value={renameProps.value}\n {...renameProps}\n />\n )}\n {children}\n </div>\n );\n};\n\nLeftBlock.propTypes = {\n /*\n Object containing the home button icon and the props to be passed to the tooltip of the home button.\n /\n homeButtonProps: PropTypes.shape({\n tooltip: PropTypes.shape({\n content: PropTypes.string,\n postition: PropTypes.string,\n }),\n icon: PropTypes.node,\n }),\n /\n URL to navigate when the home button is clicked.\n /\n homeUrl: PropTypes.string.isRequired,\n /\n Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n /\n renameProps: PropTypes.object,\n /\n To render extra content in the block.\n /\n children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import classNames from \"classnames\";\nimport { existsBy, isNotEmpty } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n const { pathname } = useLocation();\n const { t } = useTranslation();\n\n const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n const overflowLinks = headerLinks.slice(maxVisibleLinks);\n\n const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n return (\n <div\n className=\"font- flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n data-cy=\"navigation-header-navigation-links\"\n data-testid=\"navigation-header-navigation-links\"\n >\n {visibleLinks.map(headerLink => (\n <NavLink\n activeClassName=\"active\"\n className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n key={headerLink.key}\n {...headerLink}\n >\n <Typography\n component=\"span\"\n lineHeight=\"normal\"\n style=\"h4\"\n weight=\"semibold\"\n >\n {headerLink.label}\n </Typography>\n </NavLink>\n ))}\n {isNotEmpty(overflowLinks) && (\n <Dropdown\n buttonStyle=\"text\"\n label={t(\"neetoMolecules.navigationHeader.more\")}\n position=\"bottom-end\"\n buttonProps={{\n className: classNames(\n \"neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0\",\n { active: isMoreButtonActive }\n ),\n }}\n >\n <Menu>\n {overflowLinks.map(headerLink => (\n <MenuItem.Button\n data-cy={`${joinHyphenCase(headerLink.key)}-more-tab`}\n isActive={headerLink.to === pathname}\n key={headerLink.key}\n to={headerLink.to}\n {...headerLink}\n >\n {headerLink.label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n )}\n </div>\n );\n};\n\nNavigationLinks.propTypes = {\n /\n Links to be rendered in the center of the navigation header. It is an array of objects.\n * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n `react-router-dom`.\n /\n headerLinks: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n to: PropTypes.string,\n label: PropTypes.string,\n })\n ),\n /\n Maximum number of links to be visible in the navigation header. Remaining links will be shown in a more dropdown.\n /\n maxVisibleLinks: PropTypes.number,\n};\n\nexport default NavigationLinks;\n","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\nimport { isAbsoluteUrl } from \"./utils\";\n\nconst RightBlock = ({\n isDraftBlockHidden,\n previewDraftUrl,\n isResetDraftButtonVisible,\n onResetClick,\n isResetting,\n isPublishDisabled,\n isPublishing,\n handlePublish,\n isPublishPreviewDisabled,\n previewPublishedUrl,\n isPublishButtonVisible,\n isResetAlertOpen,\n setIsResetAlertOpen,\n handleReset,\n publishAlertTitle,\n publishAlertDescription,\n publishButtonProps = {},\n}) => {\n const { t } = useTranslation();\n\n const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n !isDraftBlockHidden && (\n <>\n <ViewDraftButton\n {...(isAbsoluteUrl(previewDraftUrl)\n ? { href: previewDraftUrl }\n : { to: previewDraftUrl })}\n />\n {isResetDraftButtonVisible && (\n <ResetDraftButton\n loading={isResetting}\n onClick={() => onResetClick()}\n />\n )}\n </>\n );\n\n const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n <>\n {isPublishButtonVisible && (\n <PublishButton\n disabled={isPublishDisabled}\n loading={isPublishing}\n onClick={() => handlePublish()}\n {...publishButtonProps}\n />\n )}\n <PublishPreviewButton\n {...(isAbsoluteUrl(previewPublishedUrl)\n ? { href: previewPublishedUrl }\n : { to: previewPublishedUrl })}\n disabled={isPublishPreviewDisabled}\n className={classNames({\n \"standalone-publish-preview-button\": !isPublishButtonVisible,\n })}\n />\n </>\n );\n\n return (\n <>\n <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n <PublishBlock.Alert\n isOpen={isResetAlertOpen}\n isSubmitting={isResetting}\n message={\n publishAlertDescription \|\|\n t(\"neetoMolecules.navigationHeader.resetDescription\")\n }\n title={\n publishAlertTitle \|\| t(\"neetoMolecules.navigationHeader.resetTitle\")\n }\n onClose={() => setIsResetAlertOpen(false)}\n onSubmit={handleReset}\n />\n </>\n );\n};\n\nRightBlock.propTypes = {\n /\n To show/hide the draft block.\n /\n isDraftBlockHidden: PropTypes.bool,\n /\n Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n /\n previewDraftUrl: PropTypes.string,\n /\n Boolean to control the visibility of reset draft button.\n /\n isResetDraftButtonVisible: PropTypes.bool,\n /\n Callback function that will be called when the reset button is clicked.\n /\n onResetClick: PropTypes.func,\n /\n Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n /\n isResetting: PropTypes.bool,\n /\n To disable the publish button.\n /\n isPublishDisabled: PropTypes.bool,\n /\n Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n /\n isPublishing: PropTypes.bool,\n /\n Callback function that will be called when the publish button is clicked.\n /\n handlePublish: PropTypes.func,\n /\n To disable the publish preview button.\n /\n isPublishPreviewDisabled: PropTypes.bool,\n /\n Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n /\n previewPublishedUrl: PropTypes.string,\n /\n Boolean to control whether the user have the ability to publish.\n /\n isPublishButtonVisible: PropTypes.bool,\n /\n Boolean to control whether the reset alert is open.\n /\n isResetAlertOpen: PropTypes.bool,\n /\n Handler to control the `isResetAlert` state variable.\n /\n setIsResetAlertOpen: PropTypes.func,\n /\n Callback function that will be called when the reset button is clicked.\n /\n handleReset: PropTypes.func,\n /\n Description to be shown in the publish alert\n /\n publishAlertDescription: PropTypes.string,\n /\n Title of the publish alert\n /\n publishAlertTitle: PropTypes.string,\n /\n Props to be passed to the publish button\n /\n publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n leftActionBlock,\n navigationLinks,\n rightActionBlock,\n}) => {\n const { isSize } = useBreakpoints();\n const isMobile = isSize(\"mobile\");\n\n const numberOfChildren = length(\n filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n );\n\n const gridStyle = {\n gridTemplateColumns: isMobile\n ? `repeat(${\n navigationLinks ? numberOfChildren - 1 : numberOfChildren\n }, auto)`\n : `repeat(${numberOfChildren}, 1fr)`,\n };\n\n return (\n <div className=\"w-full\">\n <div\n className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n data-cy=\"navigation-header\"\n data-testid=\"navigation-header\"\n >\n <div className=\"grid w-full gap-4\" style={gridStyle}>\n {leftActionBlock}\n {!isMobile && navigationLinks}\n {rightActionBlock}\n </div>\n </div>\n {isMobile && (\n <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex flex-shrink-0 items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n {navigationLinks}\n </div>\n )}\n </div>\n );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n /\n To specify the content to be rendered in the left side of the `NavigationHeader`.\n /\n leftActionBlock: PropTypes.node,\n /\n To specify the content to be rendered at the center of the `NavigationHeader`.\n /\n navigationLinks: PropTypes.node,\n /\n To specify the content to be rendered in the right side of the `NavigationHeader`.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","touch","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","Menu","Dropdown","MenuItem","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","visibleLinks","slice","overflowLinks","isMoreButtonActive","existsBy","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","component","lineHeight","style","weight","label","isNotEmpty","buttonStyle","buttonProps","classNames","active","Button","isActive","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/dist/cjs/ProductEmbed.js CHANGED Viewed

@@ -1,10 +1,11 @@
 'use strict';
+var shallow = require('zustand/shallow');
+var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactRouterDom = require('react-router-dom');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
 var classnames = require('classnames');
 var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
 var Button = require('@bigbinary/neetoui/Button');
@@ -23,6 +24,8 @@ var Delete = require('@bigbinary/neeto-icons/Delete');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Label = require('@bigbinary/neetoui/Label');
 var HelpPopover = require('./HelpPopover.js');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var zustand = require('zustand');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
@@ -31,7 +34,6 @@ var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructur
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var BrowserPreview = require('./BrowserPreview.js');
 var injectCss = require('./inject-css-vQvjPR2x.js');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 require('./index-JY2zVpnv.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Breadcrumbs.js');
@@ -67,6 +69,24 @@ var INITIAL_QUERY_PARAM = {
   value: ""
 };
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useProductEmbedStore = zustand.create(reactUtils.withImmutableActions(function (set) {
+  return {
+    isQueryParamsEnabled: false,
+    queryParams: [INITIAL_QUERY_PARAM],
+    queryParamsProps: {
+      helpPopoverProps: {},
+      label: ""
+    },
+    setProductEmbedState: set,
+    setQueryParams: function setQueryParams(queryParams) {
+      return set({
+        queryParams: queryParams
+      });
+    }
+  };
+}));
 var camelCasedAppName$1 = globalProps.appName.replace(/^neeto/i, "neeto");
 var embedBaseScript = function embedBaseScript(embedScriptLink) {
   return "<script>window.".concat(camelCasedAppName$1, " = window.").concat(camelCasedAppName$1, " || { embed: function(){(").concat(camelCasedAppName$1, ".q=").concat(camelCasedAppName$1, ".q||[]).push(arguments)} };</script>\n  <script async\n    src=\"").concat(embedScriptLink, "\">\n  </script>");
@@ -239,14 +259,19 @@ var toCamelCasedString = function toCamelCasedString(string) {
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicQueryParams = function DynamicQueryParams(_ref) {
-  var updateCustomization = _ref.updateCustomization,
-    queryParamsProps = _ref.queryParamsProps;
+  var updateCustomization = _ref.updateCustomization;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = React.useState([INITIAL_QUERY_PARAM]),
-    _useState2 = _slicedToArray(_useState, 2),
-    queryParams = _useState2[0],
-    setQueryParams = _useState2[1];
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        queryParamsProps: store["queryParamsProps"],
+        queryParams: store["queryParams"],
+        setQueryParams: store["setQueryParams"]
+      };
+    }, shallow.shallow),
+    queryParamsProps = _useProductEmbedStore.queryParamsProps,
+    queryParams = _useProductEmbedStore.queryParams,
+    setQueryParams = _useProductEmbedStore.setQueryParams;
   var handleAddQueryParam = function handleAddQueryParam() {
     setQueryParams([].concat(_toConsumableArray(queryParams), [INITIAL_QUERY_PARAM]));
   };
@@ -322,12 +347,16 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
 var ElementPopup$1 = function ElementPopup(_ref) {
   var customization = _ref.customization,
     updateCustomization = _ref.updateCustomization,
-    isQueryParamsEnabled = _ref.isQueryParamsEnabled,
-    queryParamsProps = _ref.queryParamsProps,
     otherCustomizations = _ref.otherCustomizations;
   var elementSelector = customization.elementSelector;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        isQueryParamsEnabled: store["isQueryParamsEnabled"]
+      };
+    }, shallow.shallow),
+    isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   React.useEffect(function () {
     if (isQueryParamsEnabled) return;
     updateCustomization({
@@ -351,7 +380,6 @@ var ElementPopup$1 = function ElementPopup(_ref) {
         });
       }
     }), otherCustomizations(), isQueryParamsEnabled && /*#__PURE__*/jsxRuntime.jsx(DynamicQueryParams, {
-      queryParamsProps: queryParamsProps,
       updateCustomization: updateCustomization
     })]
   });
@@ -360,11 +388,15 @@ var ElementPopup$1 = function ElementPopup(_ref) {
 var FloatingPopup$1 = function FloatingPopup(_ref) {
   var customization = _ref.customization,
     updateCustomization = _ref.updateCustomization,
-    isQueryParamsEnabled = _ref.isQueryParamsEnabled,
-    queryParamsProps = _ref.queryParamsProps,
     otherCustomizations = _ref.otherCustomizations;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        isQueryParamsEnabled: store["isQueryParamsEnabled"]
+      };
+    }, shallow.shallow),
+    isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   var btnTextColor = customization.btnTextColor,
     showIcon = customization.showIcon,
     btnText = customization.btnText,
@@ -448,7 +480,6 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
         });
       }
     }), otherCustomizations(), isQueryParamsEnabled && /*#__PURE__*/jsxRuntime.jsx(DynamicQueryParams, {
-      queryParamsProps: queryParamsProps,
       updateCustomization: updateCustomization
     })]
   });
@@ -457,14 +488,18 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
 var Inline$1 = function Inline(_ref) {
   var customization = _ref.customization,
     updateCustomization = _ref.updateCustomization,
-    isQueryParamsEnabled = _ref.isQueryParamsEnabled,
-    queryParamsProps = _ref.queryParamsProps,
     otherCustomizations = _ref.otherCustomizations;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        isQueryParamsEnabled: store["isQueryParamsEnabled"]
+      };
+    }, shallow.shallow),
+    isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   var height = customization.height,
     width = customization.width,
     elementSelector = customization.elementSelector;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   var handleInputChange = function handleInputChange(_ref2, attribute) {
     var value = _ref2.target.value;
     return updateCustomization(_defineProperty({}, attribute, value));
@@ -525,7 +560,6 @@ var Inline$1 = function Inline(_ref) {
         }
       })]
     }), otherCustomizations(), isQueryParamsEnabled && /*#__PURE__*/jsxRuntime.jsx(DynamicQueryParams, {
-      queryParamsProps: queryParamsProps,
       updateCustomization: updateCustomization
     })]
   });
@@ -1253,18 +1287,25 @@ var ElementPopupPlaceholderImage = function ElementPopupPlaceholderImage(_ref2)
 };
 var ElementPopup = function ElementPopup(_ref) {
-  var iframeURL = _ref.iframeURL,
-    customization = _ref.customization;
+  var iframeURL = _ref.iframeURL;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var elementSelector = customization.elementSelector;
+  /**
+   * Currently embed() function doesn't have an unembed handler.
+   * When iframe link changes, we don't have an option to reinitiate it.
+   * So we forcefully recreate the element with `key` and call embed() again
+   */
+  var elementSelectorId = React.useMemo(function () {
+    return "popup-button-".concat(Math.random().toString().substring(2, 10));
+  }, [iframeURL]);
   React.useEffect(function () {
-    var element = document.getElementById(elementSelector);
+    var element = document.getElementById(elementSelectorId);
     if (element) {
       var _window$globalProps$a;
       (_window$globalProps$a = window[globalProps.appName.replace(/^neeto/i, "neeto")]) === null || _window$globalProps$a === void 0 || _window$globalProps$a.embed(element, iframeURL);
     }
-  }, []);
+  }, [iframeURL]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative h-full w-full overflow-hidden",
     children: [/*#__PURE__*/jsxRuntime.jsx(ElementPopupPlaceholderImage, {
@@ -1273,9 +1314,9 @@ var ElementPopup = function ElementPopup(_ref) {
       className: "absolute left-[48.5294117647%] top-[39.0804597701%]",
       "data-cy": "preview-element-popup-button",
       "data-testid": "preview-element-popup-button",
-      id: elementSelector,
+      id: elementSelectorId,
       label: t("neetoMolecules.productEmbed.elementPopup.label")
-    })]
+    }, elementSelectorId)]
   });
 };
@@ -1288,13 +1329,24 @@ var FloatingPopup = function FloatingPopup(_ref) {
     btnPosition = customization.btnPosition,
     btnColor = customization.btnColor,
     icon = customization.icon;
+  /**
+   * Currently embed() function doesn't have an unembed handler.
+   * When iframe link changes, we don't have an option to reinitiate it.
+   * So we forcefully recreate the element with `key` and call embed() again
+   */
+  var elementSelectorId = React.useMemo(function () {
+    return "popup-button-".concat(Math.random().toString().substring(2, 10));
+  }, [iframeURL]);
   React.useEffect(function () {
-    var _window$globalProps$a;
-    var btn = document.getElementById("embedBtn");
-    (_window$globalProps$a = window[globalProps.appName.replace(/^neeto/i, "neeto")]) === null || _window$globalProps$a === void 0 || _window$globalProps$a.embed(btn, iframeURL);
-  }, []);
+    var element = document.getElementById(elementSelectorId);
+    if (element) {
+      var _window$globalProps$a;
+      (_window$globalProps$a = window[globalProps.appName.replace(/^neeto/i, "neeto")]) === null || _window$globalProps$a === void 0 || _window$globalProps$a.embed(element, iframeURL);
+    }
+  }, [iframeURL]);
   React.useEffect(function () {
-    var btn = document.getElementById("embedBtn");
+    var btn = document.getElementById(elementSelectorId);
     btn.style.backgroundColor = btnColor;
     btn.style.color = btnTextColor;
   }, [btnColor, btnTextColor]);
@@ -1306,13 +1358,13 @@ var FloatingPopup = function FloatingPopup(_ref) {
       "data-cy": "popup-preview-button",
       icon: icon && showIcon ? icon : null,
       iconPosition: "left",
-      id: "embedBtn",
+      id: elementSelectorId,
       label: btnText,
       className: classnames("absolute bottom-0 m-4", {
         "left-0": btnPosition === "bottomLeft",
         "right-0": btnPosition === "bottomRight"
       })
-    })]
+    }, elementSelectorId)]
   });
 };
@@ -1329,6 +1381,14 @@ var Inline = function Inline(_ref) {
   });
 };
+var buildIframeURL = function buildIframeURL(iframeURL, queryParams) {
+  var url = new URL(iframeURL);
+  queryParams.forEach(function (param) {
+    url.searchParams.append(param.name, param.value);
+  });
+  return url.toString();
+};
 var Preview = function Preview(_ref) {
   var isScriptLoading = _ref.isScriptLoading,
     selectedEmbed = _ref.selectedEmbed,
@@ -1336,8 +1396,14 @@ var Preview = function Preview(_ref) {
     customization = _ref.customization,
     _ref$customPreviewIfr = _ref.customPreviewIframeUrl,
     customPreviewIframeUrl = _ref$customPreviewIfr === void 0 ? "" : _ref$customPreviewIfr;
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        queryParams: store["queryParams"]
+      };
+    }, shallow.shallow),
+    queryParams = _useProductEmbedStore.queryParams;
   var preview = _defineProperty(_defineProperty(_defineProperty({}, EMBED_OPTIONS.INLINE, Inline), EMBED_OPTIONS.FLOATING_POPUP, FloatingPopup), EMBED_OPTIONS.ELEMENT_POPUP, ElementPopup);
-  var iframeURL = customPreviewIframeUrl || "".concat(location.origin, "/embed/").concat(id);
+  var iframeURL = buildIframeURL(customPreviewIframeUrl || "".concat(location.origin, "/embed/").concat(id), queryParams);
   var Component = preview[selectedEmbed];
   if (isScriptLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -1365,8 +1431,6 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
     customEmbedScriptPath = _ref.customEmbedScriptPath,
     customPreviewIframeUrl = _ref.customPreviewIframeUrl,
     id = _ref.id,
-    queryParamsProps = _ref.queryParamsProps,
-    isQueryParamsEnabled = _ref.isQueryParamsEnabled,
     options = _ref.options,
     extraArgs = _ref.extraArgs,
     otherCustomizations = _ref.otherCustomizations,
@@ -1446,9 +1510,7 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
             supportedLanguages: supportedLanguages
           }), /*#__PURE__*/jsxRuntime.jsx(CustomizationComponent, {
             customization: customization,
-            isQueryParamsEnabled: isQueryParamsEnabled,
             otherCustomizations: otherCustomizations,
-            queryParamsProps: queryParamsProps,
             updateCustomization: updateCustomization
           })]
         })
@@ -1568,6 +1630,18 @@ var ProductEmbed = function ProductEmbed(_ref) {
     search = _useLocation.search;
   var queryParams = new URLSearchParams(search);
   var selectedEmbed = toCamelCasedString(queryParams.get("type"));
+  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+      return {
+        setProductEmbedState: store["setProductEmbedState"]
+      };
+    }, shallow.shallow),
+    setProductEmbedState = _useProductEmbedStore.setProductEmbedState;
+  React.useEffect(function () {
+    setProductEmbedState({
+      isQueryParamsEnabled: isQueryParamsEnabled,
+      queryParamsProps: queryParamsProps
+    });
+  }, []);
   return selectedEmbed ? /*#__PURE__*/jsxRuntime.jsx(EmbedRenderer, {
     className: className,
     customEmbedScriptPath: customEmbedScriptPath,
@@ -1575,7 +1649,6 @@ var ProductEmbed = function ProductEmbed(_ref) {
     extraArgs: extraArgs,
     id: id,
     inlineWrapperStyle: inlineWrapperStyle,
-    isQueryParamsEnabled: isQueryParamsEnabled,
     options: options,
     otherCustomizations: otherCustomizations,
     queryParamsProps: queryParamsProps,