@bigbinary/neeto-molecules 5.3.14 → 5.3.16

package/dist/v2/MadeWith.js

@@ -2,6 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { memo } from 'react';
 import { Typography } from '@bigbinary/neeto-atoms';
+import classnames from 'classnames';
 import { capitalize } from '@bigbinary/neeto-cist';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
 import * as Icons from '@bigbinary/neeto-icons/logos';
@@ -10,24 +11,25 @@ import { u as uppercamelcase } from '../index-DF5MKxql.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_commonjsHelpers-BFTU3MAI.js';
 
-var _excluded = ["productName", "productIcon"];
+var _excluded = ["productName", "productIcon", "className"];
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MadeWith = function MadeWith(_ref) {
   var _globalProps$organiza;
   var productName = _ref.productName,
     ProductIcon = _ref.productIcon,
+    className = _ref.className,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var name = capitalize(productName || globalProps.appName || "Neeto");
   var subdomain = (_globalProps$organiza = globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.subdomain;
   var utmParams = "utm_source=madewith".concat(subdomain ? "&utm_campaign=".concat(subdomain) : "");
   var IconComponent = ProductIcon || Icons[uppercamelcase(name)];
   return /*#__PURE__*/jsxs("a", _objectSpread(_objectSpread({
-    className: "bg-background text-foreground border-border hover:ring-border inline-flex items-center gap-1.5 rounded-md border px-2 py-1.5 text-sm font-normal no-underline transition-all duration-300 select-none hover:ring-1 hover:ring-inset motion-reduce:transition-none",
     "data-testid": "made-with-".concat(name.toLowerCase()),
     href: "https://www.neeto.com/".concat(name.toLowerCase(), "?").concat(utmParams),
     rel: "noreferrer",
-    target: "_blank"
+    target: "_blank",
+    className: classnames("neeto-molecules-made-with__wrapper", "bg-background text-foreground border-border hover:ring-border inline-flex items-center gap-1.5 rounded-md border px-2 py-1.5 text-sm font-normal no-underline transition-all duration-300 select-none hover:ring-1 hover:ring-inset motion-reduce:transition-none", className)
   }, otherProps), {}, {
     children: [IconComponent && /*#__PURE__*/jsx("span", {
       "data-testid": "made-with-".concat(name.toLowerCase(), "-icon"),

package/dist/v2/MadeWith.js.map

@@ -1 +1 @@
-{"version":3,"file":"MadeWith.js","sources":["../../src/v2/components/MadeWith/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport { capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport * as Icons from \"neetoicons/logos\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport uppercamelcase from \"uppercamelcase\";\n\nconst MadeWith = ({ productName, productIcon: ProductIcon, ...otherProps }) => {\n  const name = capitalize(productName || globalProps.appName || \"Neeto\");\n  const subdomain = globalProps.organization?.subdomain;\n  const utmParams = `utm_source=madewith${\n    subdomain ? `&utm_campaign=${subdomain}` : \"\"\n  }`;\n\n  const IconComponent = ProductIcon || Icons[uppercamelcase(name)];\n\n  return (\n    <a\n      className=\"bg-background text-foreground border-border hover:ring-border inline-flex items-center gap-1.5 rounded-md border px-2 py-1.5 text-sm font-normal no-underline transition-all duration-300 select-none hover:ring-1 hover:ring-inset motion-reduce:transition-none\"\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}?${utmParams}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      {...otherProps}\n    >\n      {IconComponent && (\n        <span data-testid={`made-with-${name.toLowerCase()}-icon`}>\n          <IconComponent size={14} />\n        </span>\n      )}\n      <Typography className=\"leading-snug\" variant=\"body2\">\n        <Trans\n          i18nKey=\"neetoMolecules.common.madeWith\"\n          values={{ productName: name }}\n        />\n      </Typography>\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n\n  /**\n   * Product icon  component to be displayed on the badge (optional).\n   */\n  productIcon: PropTypes.elementType,\n};\n\nexport default memo(MadeWith);\n"],"names":["MadeWith","_ref","_globalProps$organiza","productName","ProductIcon","productIcon","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","subdomain","organization","utmParams","concat","IconComponent","Icons","uppercamelcase","_jsxs","_objectSpread","className","toLowerCase","href","rel","target","children","_jsx","size","Typography","variant","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;AAUA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAAAC,qBAAA;AAAA,EAAA,IAA3DC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAeC,WAAW,GAAAH,IAAA,CAAxBI,WAAW;AAAkBC,IAAAA,UAAU,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EACtE,IAAMC,IAAI,GAAGC,UAAU,CAACP,WAAW,IAAIQ,WAAW,CAACC,OAAO,IAAI,OAAO,CAAC;AACtE,EAAA,IAAMC,SAAS,GAAA,CAAAX,qBAAA,GAAGS,WAAW,CAACG,YAAY,MAAA,IAAA,IAAAZ,qBAAA,KAAA,MAAA,GAAA,MAAA,GAAxBA,qBAAA,CAA0BW,SAAS;EACrD,IAAME,SAAS,GAAA,qBAAA,CAAAC,MAAA,CACbH,SAAS,GAAA,gBAAA,CAAAG,MAAA,CAAoBH,SAAS,CAAA,GAAK,EAAE,CAC7C;EAEF,IAAMI,aAAa,GAAGb,WAAW,IAAIc,KAAK,CAACC,cAAc,CAACV,IAAI,CAAC,CAAC;AAEhE,EAAA,oBACEW,IAAA,CAAA,GAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,mQAAmQ;AAC7Q,IAAA,aAAA,EAAA,YAAA,CAAAN,MAAA,CAA0BP,IAAI,CAACc,WAAW,EAAE,CAAG;AAC/CC,IAAAA,IAAI,EAAA,wBAAA,CAAAR,MAAA,CAA2BP,IAAI,CAACc,WAAW,EAAE,EAAA,GAAA,CAAA,CAAAP,MAAA,CAAID,SAAS,CAAG;AACjEU,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC;AAAQ,GAAA,EACXpB,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAqB,QAAA,EAAA,CAEbV,aAAa,iBACZW,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,aAAA,EAAA,YAAA,CAAAZ,MAAA,CAA0BP,IAAI,CAACc,WAAW,EAAE,EAAA,OAAA,CAAQ;MAAAI,QAAA,eACxDC,GAAA,CAACX,aAAa,EAAA;AAACY,QAAAA,IAAI,EAAE;OAAK;AAAC,KACvB,CACP,eACDD,GAAA,CAACE,UAAU,EAAA;AAACR,MAAAA,SAAS,EAAC,cAAc;AAACS,MAAAA,OAAO,EAAC,OAAO;MAAAJ,QAAA,eAClDC,GAAA,CAACI,KAAK,EAAA;AACJC,QAAAA,OAAO,EAAC,gCAAgC;AACxCC,QAAAA,MAAM,EAAE;AAAE/B,UAAAA,WAAW,EAAEM;AAAK;OAC7B;AAAC,KACQ,CAAC;AAAA,GAAA,CACZ,CAAC;AAER,CAAC;AAcD,YAAA,aAAe0B,IAAI,CAACnC,QAAQ,CAAC;;;;"}
+{"version":3,"file":"MadeWith.js","sources":["../../src/v2/components/MadeWith/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport * as Icons from \"neetoicons/logos\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport uppercamelcase from \"uppercamelcase\";\n\nconst MadeWith = ({\n  productName,\n  productIcon: ProductIcon,\n  className,\n  ...otherProps\n}) => {\n  const name = capitalize(productName || globalProps.appName || \"Neeto\");\n  const subdomain = globalProps.organization?.subdomain;\n  const utmParams = `utm_source=madewith${\n    subdomain ? `&utm_campaign=${subdomain}` : \"\"\n  }`;\n\n  const IconComponent = ProductIcon || Icons[uppercamelcase(name)];\n\n  return (\n    <a\n      data-testid={`made-with-${name.toLowerCase()}`}\n      href={`https://www.neeto.com/${name.toLowerCase()}?${utmParams}`}\n      rel=\"noreferrer\"\n      target=\"_blank\"\n      className={classnames(\n        \"neeto-molecules-made-with__wrapper\",\n        \"bg-background text-foreground border-border hover:ring-border inline-flex items-center gap-1.5 rounded-md border px-2 py-1.5 text-sm font-normal no-underline transition-all duration-300 select-none hover:ring-1 hover:ring-inset motion-reduce:transition-none\",\n        className\n      )}\n      {...otherProps}\n    >\n      {IconComponent && (\n        <span data-testid={`made-with-${name.toLowerCase()}-icon`}>\n          <IconComponent size={14} />\n        </span>\n      )}\n      <Typography className=\"leading-snug\" variant=\"body2\">\n        <Trans\n          i18nKey=\"neetoMolecules.common.madeWith\"\n          values={{ productName: name }}\n        />\n      </Typography>\n    </a>\n  );\n};\n\nMadeWith.propTypes = {\n  /**\n   * Product name to be displayed on the component (optional).\n   */\n  productName: PropTypes.string,\n\n  /**\n   * Product icon  component to be displayed on the badge (optional).\n   */\n  productIcon: PropTypes.elementType,\n\n  /**\n   * Additional class names to merge onto the badge root (optional).\n   */\n  className: PropTypes.string,\n};\n\nexport default memo(MadeWith);\n"],"names":["MadeWith","_ref","_globalProps$organiza","productName","ProductIcon","productIcon","className","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","subdomain","organization","utmParams","concat","IconComponent","Icons","uppercamelcase","_jsxs","_objectSpread","toLowerCase","href","rel","target","classnames","children","_jsx","size","Typography","variant","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAKR;AAAA,EAAA,IAAAC,qBAAA;AAAA,EAAA,IAJJC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACEC,WAAW,GAAAH,IAAA,CAAxBI,WAAW;IACXC,SAAS,GAAAL,IAAA,CAATK,SAAS;AACNC,IAAAA,UAAU,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EAEb,IAAMC,IAAI,GAAGC,UAAU,CAACR,WAAW,IAAIS,WAAW,CAACC,OAAO,IAAI,OAAO,CAAC;AACtE,EAAA,IAAMC,SAAS,GAAA,CAAAZ,qBAAA,GAAGU,WAAW,CAACG,YAAY,MAAA,IAAA,IAAAb,qBAAA,KAAA,MAAA,GAAA,MAAA,GAAxBA,qBAAA,CAA0BY,SAAS;EACrD,IAAME,SAAS,GAAA,qBAAA,CAAAC,MAAA,CACbH,SAAS,GAAA,gBAAA,CAAAG,MAAA,CAAoBH,SAAS,CAAA,GAAK,EAAE,CAC7C;EAEF,IAAMI,aAAa,GAAGd,WAAW,IAAIe,KAAK,CAACC,cAAc,CAACV,IAAI,CAAC,CAAC;AAEhE,EAAA,oBACEW,IAAA,CAAA,GAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACE,IAAA,aAAA,EAAA,YAAA,CAAAL,MAAA,CAA0BP,IAAI,CAACa,WAAW,EAAE,CAAG;AAC/CC,IAAAA,IAAI,EAAA,wBAAA,CAAAP,MAAA,CAA2BP,IAAI,CAACa,WAAW,EAAE,EAAA,GAAA,CAAA,CAAAN,MAAA,CAAID,SAAS,CAAG;AACjES,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAQ;AACfpB,IAAAA,SAAS,EAAEqB,UAAU,CACnB,oCAAoC,EACpC,mQAAmQ,EACnQrB,SACF;AAAE,GAAA,EACEC,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAqB,QAAA,EAAA,CAEbV,aAAa,iBACZW,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,aAAA,EAAA,YAAA,CAAAZ,MAAA,CAA0BP,IAAI,CAACa,WAAW,EAAE,EAAA,OAAA,CAAQ;MAAAK,QAAA,eACxDC,GAAA,CAACX,aAAa,EAAA;AAACY,QAAAA,IAAI,EAAE;OAAK;AAAC,KACvB,CACP,eACDD,GAAA,CAACE,UAAU,EAAA;AAACzB,MAAAA,SAAS,EAAC,cAAc;AAAC0B,MAAAA,OAAO,EAAC,OAAO;MAAAJ,QAAA,eAClDC,GAAA,CAACI,KAAK,EAAA;AACJC,QAAAA,OAAO,EAAC,gCAAgC;AACxCC,QAAAA,MAAM,EAAE;AAAEhC,UAAAA,WAAW,EAAEO;AAAK;OAC7B;AAAC,KACQ,CAAC;AAAA,GAAA,CACZ,CAAC;AAER,CAAC;AAmBD,YAAA,aAAe0B,IAAI,CAACpC,QAAQ,CAAC;;;;"}

package/dist/v2/ProductEmbed.js

@@ -3,21 +3,21 @@ import { useEffect, useState, useMemo, useRef, createElement } from 'react';
 import { isPresent, filterBy, hyphenate, noop } from '@bigbinary/neeto-cist';
 import { useLocation, useHistory } from 'react-router-dom';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { t } from 'i18next';
 import { Label, Input, Button, Select, ColorPicker, Checkbox, Switch, Typography, Spinner, Callout } from '@bigbinary/neeto-atoms';
-import classnames from 'classnames';
-import { toPairs, mergeDeepLeft, isEmpty, mergeLeft } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { t } from 'i18next';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import HelpPopover from './HelpPopover.js';
 import { withImmutableActions, handleMetaClick } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { create } from 'zustand';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { toPairs, mergeDeepLeft, isEmpty, mergeLeft } from 'ramda';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { T as Trash2 } from '../trash-2-hGkzsa87.js';
 import { P as Plus } from '../plus-Bnd2C3yl.js';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import classnames from 'classnames';
 import Codeblock from './Codeblock.js';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/v2/initializers';
 import BrowserPreview from './BrowserPreview.js';
@@ -1854,7 +1854,8 @@ var ProductEmbed = function ProductEmbed(_ref) {
   var _useLocation = useLocation(),
     search = _useLocation.search;
   var queryParams = new URLSearchParams(search);
-  var selectedEmbed = toCamelCasedString(queryParams.get("type"));
+  var typeFromQueryParams = toCamelCasedString(queryParams.get("type"));
+  var selectedEmbed = Object.values(EMBED_OPTIONS).includes(typeFromQueryParams) && Object.keys(options).includes(typeFromQueryParams) ? typeFromQueryParams : undefined;
   var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         setProductEmbedState: store["setProductEmbedState"]