npm - @bigbinary/neeto-site-blocks - Versions diffs - 1.13.6 → 1.13.7 - Mend

@bigbinary/neeto-site-blocks 1.13.6 → 1.13.7

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 (6) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -5680,6 +5680,10 @@ var DropdownWrapper = styled__default["default"].div(function (_ref) {
   } : {};
 });
+var embedPage = function embedPage(href) {
+  return "<!DOCTYPE html>\n<html>\n<head>\n  <style>\n    html {\n    overflow: hidden;\n    }\n    .embed-booking {\n      height: 100vh;\n      width: 100%;\n      position: relative;\n      overflow-x: hidden;\n    }\n    .new-header {\n      height: 12rem;\n      width: 100%;\n      background: white;\n      display: flex;\n      flex-direction: column;\n      font-size: 0.875rem;\n      font-family: Inter;\n      padding: 10px;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      opacity: 1;\n      z-index: 1;\n\n      @media (min-width: 576px) {\n        width: 32rem;\n        border: 1px solid gray;\n      }\n    }\n    .background {\n      height: 100%;\n      width: 100%;\n      display: flex;\n      background-size: contain;\n      opacity: 40%;\n      background: url(https://ik.imagekit.io/a6t22upil/neeto-site-web/static/neeto-cal-cover-image);\n      background-repeat: no-repeat;\n    }\n\n  .anchor {\n    background: #101828;\n    padding: 10px;\n    border: none;\n    color: white;\n    border-radius: 9999px;\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  p {\n    font-size: 1rem;\n    text-align: center;\n    font-weight: 500;\n  }\n  </style>\n</head>\n<body>\n  <div class=\"embed-booking\">\n    <div class=\"background\"/></div>\n    <div class=\"new-header\">\n     <p> Paste the inline embed code of your booking page in properties to add your booking page here </p>\n      <p> If you don't have booking page </p>\n      <a target=\"_blank\" class=\"anchor\" href=".concat(href, "> Create a booking page on NeetoCal</a>\n    </div>\n  </div>\n</body>\n</html>\n");
+};
 var useElementClick = function useElementClick(_ref) {
   var id = _ref.id,
     _ref$index = _ref.index,
@@ -13481,7 +13485,6 @@ var POSITIONS = {
   }
 };
 var EMAIL_REGEX = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
-var EMBED_DEFAULT_PAGE = "<!DOCTYPE html>\n<html>\n<head>\n  <style>\n    .embed-booking {\n      height: 100vh;\n      width: 100%;\n      position: relative;\n    }\n    .new-header {\n      height: 12rem;\n      width: 32rem;\n      background: white;\n      display: flex;\n      flex-direction: column;\n      font-size: 0.875rem;\n      font-family: Inter;\n      padding: 10px;\n      justify-content: center;\n      border: 1px solid gray;\n      align-items: center;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      opacity: 1;\n      z-index: 1;\n    }\n    .background {\n      height: 100%;\n      width: 100%;\n      display: flex;\n      background-size: contain;\n      opacity: 40%;\n      background: url(https://ik.imagekit.io/a6t22upil/neeto-site-web/static/neeto-cal-cover-image);\n      background-repeat: no-repeat;\n    }\n\n  .anchor {\n    background: #101828;\n    padding: 10px;\n    border: none;\n    color: white;\n    border-radius: 9999px;\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  p {\n    font-size: 1rem;\n    text-align: center;\n    font-weight: 500;\n  }\n  </style>\n</head>\n<body>\n  <div class=\"embed-booking\">\n    <div class=\"background\"/></div>\n    <div class=\"new-header\">\n     <p> Paste the inline embed code of your booking page in properties to add your booking page here </p>\n      <p> If you don't have booking page </p>\n      <a target=\"_blank\" class=\"anchor\"> Create a booking page on NeetoCal</a>\n    </div>\n  </div>\n</body>\n</html>\n";
 var validateEmail = function validateEmail(email) {
   return EMAIL_REGEX.test(email);
@@ -13745,32 +13748,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
   });
 };
-var Embed = function Embed(_ref) {
-  var configurations = _ref.configurations,
-    className = _ref.className,
-    id = _ref.id;
-  var properties = configurations.properties,
-    design = configurations.design;
-  var content = properties.content,
-    enableAnimation = properties.enableAnimation;
-  return /*#__PURE__*/jsxRuntime.jsx(BlockWrapper, {
-    className: className,
-    enableAnimation: enableAnimation,
-    id: id,
-    design: design.body,
-    nestedClassName: "h-full flex items-center justify-center",
-    children: neetoCist.isNotEmpty(content) ? /*#__PURE__*/jsxRuntime.jsx(Interweave, {
-      content: content,
-      allowList: ["iframe"],
-      className: "ns-embed-block relative flex h-0 w-full pb-[56.25%] lg:static lg:pb-0"
-    }) : /*#__PURE__*/jsxRuntime.jsx(Typography$1, {
-      className: "text-center font-semibold",
-      children: "No content to display"
-    })
-  });
-};
-var _excluded$m = ["configurations", "className", "id"];
+var _excluded$m = ["configurations", "className", "id", "disableButtonAndLinks", "embedUrl", "isAddNewPane"];
 function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var EmbedBooking = function EmbedBooking(_ref) {
@@ -13778,6 +13756,10 @@ var EmbedBooking = function EmbedBooking(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
+    _ref$embedUrl = _ref.embedUrl,
+    embedUrl = _ref$embedUrl === void 0 ? "" : _ref$embedUrl,
+    isAddNewPane = _ref.isAddNewPane,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$m);
   var properties = configurations.properties,
     design = configurations.design;
@@ -13788,7 +13770,7 @@ var EmbedBooking = function EmbedBooking(_ref) {
     code = _properties$embed.code,
     embedPosition = _properties$embed.embedPosition,
     src = properties.backgroundImage.src;
-  var iframeInitialContent = neetoCist.isNotEmpty(code) ? "<!DOCTYPE html><html><head></head><body><div class=\"embed-booking\">\n  ".concat(code, "\n   </div></body></html>") : EMBED_DEFAULT_PAGE;
+  var iframeInitialContent = neetoCist.isNotEmpty(code) ? "<!DOCTYPE html><html><head></head><body><div class=\"embed-booking\">\n  ".concat(code, "\n   </div></body></html>") : (disableButtonAndLinks || isAddNewPane) && embedPage(embedUrl);
   var baseClasses = "grid gap-y-6 lg:gap-6 grid-cols-12 grid-flow-row-dense";
   var mediaBaseClasses = classnames__default["default"]("col-span-12 flex flex-col items-center justify-center w-full h-[550px] border border-gray-100", {
     "order-1 lg:col-span-7": POSITIONS.LEFT.label === embedPosition,
@@ -13849,13 +13831,37 @@ var EmbedBooking = function EmbedBooking(_ref) {
       design: design.embed,
       children: /*#__PURE__*/jsxRuntime.jsx(Frame__default["default"], {
         className: "h-full w-full",
-        initialContent: iframeInitialContent,
-        sandbox: "allow-scripts allow-same-origin allow-forms allow-modals allow-orientation-lock allow-popups"
+        initialContent: iframeInitialContent
       })
     })]
   });
 };
+var EmbedVideo = function EmbedVideo(_ref) {
+  var configurations = _ref.configurations,
+    className = _ref.className,
+    id = _ref.id;
+  var properties = configurations.properties,
+    design = configurations.design;
+  var content = properties.content,
+    enableAnimation = properties.enableAnimation;
+  return /*#__PURE__*/jsxRuntime.jsx(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
+    design: design.body,
+    nestedClassName: "h-full flex items-center justify-center",
+    children: neetoCist.isNotEmpty(content) ? /*#__PURE__*/jsxRuntime.jsx(Interweave, {
+      content: content,
+      allowList: ["iframe"],
+      className: "ns-embed-block relative flex h-0 w-full pb-[56.25%] lg:static lg:pb-0"
+    }) : /*#__PURE__*/jsxRuntime.jsx(Typography$1, {
+      className: "text-center font-semibold",
+      children: "No content to display"
+    })
+  });
+};
 var _excluded$l = ["configurations", "className", "id"],
   _excluded2$1 = ["question", "answer", "design", "enableAnimation", "index"];
 function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -17645,8 +17651,8 @@ exports.CtaClassic = CtaClassic;
 exports.CtaWithEmailAction = CtaWithEmailAction;
 exports.CtaWithLogo = CtaWithLogo;
 exports.DESIGN_OPTIONS = index$1;
-exports.Embed = Embed;
 exports.EmbedBooking = EmbedBooking;
+exports.EmbedVideo = EmbedVideo;
 exports.FaqWithAccordion = FaqWithHamburgerView;
 exports.FeatureWithBulletList = FeatureWithBulletList;
 exports.FeatureWithDetails = FeatureWithDetails;