@knovator/pagecreator 1.0.3 → 1.0.5

package/index.js

@@ -0,0 +1,697 @@
+import React, { Fragment, useState } from 'react';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Pagination, Autoplay, Virtual } from 'swiper';
+import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var OverloadYield = {exports: {}};
+
+(function (module) {
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
+module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(OverloadYield));
+
+var regenerator$1 = {exports: {}};
+
+var regeneratorDefine = {exports: {}};
+
+(function (module) {
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
+}
+module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorDefine));
+
+(function (module) {
+var regeneratorDefine$1 = regeneratorDefine.exports;
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return regeneratorDefine$1(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function d(t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = !0, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), !0), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (regeneratorDefine$1(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine$1(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine$1(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine$1(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine$1(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine$1(u), regeneratorDefine$1(u, o, "Generator"), regeneratorDefine$1(u, n, function () {
+    return this;
+  }), regeneratorDefine$1(u, "toString", function () {
+    return "[object Generator]";
+  }), (module.exports = _regenerator = function _regenerator() {
+    return {
+      w: i,
+      m: f
+    };
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
+}
+module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regenerator$1));
+
+var regeneratorAsync = {exports: {}};
+
+var regeneratorAsyncGen = {exports: {}};
+
+var regeneratorAsyncIterator = {exports: {}};
+
+(function (module) {
+var OverloadYield$1 = OverloadYield.exports;
+var regeneratorDefine$1 = regeneratorDefine.exports;
+function AsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof OverloadYield$1 ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
+      });
+    } catch (t) {
+      f(t);
+    }
+  }
+  var r;
+  this.next || (regeneratorDefine$1(AsyncIterator.prototype), regeneratorDefine$1(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+    return this;
+  })), regeneratorDefine$1(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, !0);
+}
+module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorAsyncIterator));
+
+(function (module) {
+var regenerator = regenerator$1.exports;
+var regeneratorAsyncIterator$1 = regeneratorAsyncIterator.exports;
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new regeneratorAsyncIterator$1(regenerator().w(r, e, t, o), n || Promise);
+}
+module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorAsyncGen));
+
+(function (module) {
+var regeneratorAsyncGen$1 = regeneratorAsyncGen.exports;
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = regeneratorAsyncGen$1(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
+  });
+}
+module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorAsync));
+
+var regeneratorKeys = {exports: {}};
+
+(function (module) {
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
+    return e.done = !0, e;
+  };
+}
+module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorKeys));
+
+var regeneratorValues = {exports: {}};
+
+var _typeof = {exports: {}};
+
+(function (module) {
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
+}
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(_typeof));
+
+(function (module) {
+var _typeof$1 = _typeof.exports["default"];
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function next() {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
+        };
+      }
+    };
+  }
+  throw new TypeError(_typeof$1(e) + " is not iterable");
+}
+module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorValues));
+
+(function (module) {
+var OverloadYield$1 = OverloadYield.exports;
+var regenerator = regenerator$1.exports;
+var regeneratorAsync$1 = regeneratorAsync.exports;
+var regeneratorAsyncGen$1 = regeneratorAsyncGen.exports;
+var regeneratorAsyncIterator$1 = regeneratorAsyncIterator.exports;
+var regeneratorKeys$1 = regeneratorKeys.exports;
+var regeneratorValues$1 = regeneratorValues.exports;
+function _regeneratorRuntime() {
+
+  var r = regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+  }
+  var o = {
+    "throw": 1,
+    "return": 2,
+    "break": 3,
+    "continue": 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function stop() {
+          return t(n.a, 2);
+        },
+        "catch": function _catch() {
+          return n.v;
+        },
+        abrupt: function abrupt(r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function delegateYield(r, o, a) {
+          return e.resultName = o, t(n.d, regeneratorValues$1(r), a);
+        },
+        finish: function finish(r) {
+          return t(n.f, r);
+        }
+      }, t = function t(r, _t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(_t, o);
+        } finally {
+          e.next = n.n;
+        }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
+      }
+    };
+  }
+  return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+    return {
+      wrap: function wrap(e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function awrap(r, e) {
+        return new OverloadYield$1(r, e);
+      },
+      AsyncIterator: regeneratorAsyncIterator$1,
+      async: function async(r, e, t, o, u) {
+        return (n(e) ? regeneratorAsyncGen$1 : regeneratorAsync$1)(a(r), e, t, o, u);
+      },
+      keys: regeneratorKeys$1,
+      values: regeneratorValues$1
+    };
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
+}
+module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+}(regeneratorRuntime$1));
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntime$1.exports();
+var regenerator = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var _a;
+function getData(_ref) {
+  var url = _ref.url,
+    code = _ref.code,
+    token = _ref.token;
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+    var response, data;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return fetch(url, {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/json',
+                Authorization: token ? "Bearer ".concat(token) : ''
+              },
+              body: JSON.stringify({
+                code: code
+              })
+            });
+          case 2:
+            response = _context.sent;
+            if (response.ok) {
+              _context.next = 5;
+              break;
+            }
+            throw new Error(response.statusText);
+          case 5:
+            _context.next = 7;
+            return response.json();
+          case 7:
+            data = _context.sent;
+            return _context.abrupt("return", data['data']);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+}
+function buildSrcSets(imageBaseUrl, srcSets) {
+  if (!srcSets) return '';
+  if (!imageBaseUrl) return srcSets;
+  return srcSets.split(', ').map(function (srcSetItem) {
+    return "".concat(imageBaseUrl).concat(srcSetItem);
+  }).join(', ');
+}
+var isMobileDevice = typeof window !== 'undefined' && /Mobi/i.test((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent);
+var filterItemData = function filterItemData(data) {
+  return isMobileDevice ? data.itemType === 'Mobile' : data.itemType === 'Web';
+};
+
+function FixedWidget(_ref) {
+  var widgetData = _ref.widgetData,
+    formatItem = _ref.formatItem,
+    className = _ref.className,
+    itemsContainer = _ref.itemsContainer;
+  var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
+  if (typeof itemsContainer === 'function') return itemsContainer(widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }) : widgetData.collectionItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: className || gridClasses
+  }, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }) : widgetData.collectionItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }));
+}
+
+function CarouselWidget(_ref) {
+  var widgetData = _ref.widgetData,
+    formatItem = _ref.formatItem,
+    settings = _ref.settings,
+    className = _ref.className,
+    itemsContainer = _ref.itemsContainer;
+  var defaultSetting = {
+    slidesPerView: widgetData.mobilePerRow,
+    loop: true,
+    loopAdditionalSlides: 2,
+    speed: 5000,
+    breakpoints: {
+      640: {
+        slidesPerView: widgetData.mobilePerRow,
+        spaceBetween: 20
+      },
+      768: {
+        slidesPerView: widgetData.tabletPerRow,
+        spaceBetween: 40
+      },
+      1024: {
+        slidesPerView: widgetData.webPerRow,
+        spaceBetween: 50
+      }
+    }
+  };
+  if (!widgetData) return null;
+  if (typeof itemsContainer === 'function') return itemsContainer(widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }) : widgetData.collectionItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatItem(item));
+  }));
+  return /*#__PURE__*/React.createElement(Swiper, Object.assign({}, Object.assign(Object.assign({}, defaultSetting), settings || {}), {
+    className: className,
+    modules: [Pagination, Autoplay, Virtual],
+    virtual: typeof window === 'undefined'
+  }), widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
+    return /*#__PURE__*/React.createElement(SwiperSlide, {
+      key: index
+    }, formatItem(item));
+  }) : widgetData.collectionItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(SwiperSlide, {
+      key: index
+    }, formatItem(item));
+  }));
+}
+
+function Banner(_ref) {
+  var imageAltText = _ref.imageAltText,
+    imageUrl = _ref.imageUrl,
+    _onClick = _ref.onClick,
+    srcSets = _ref.srcSets,
+    title = _ref.title,
+    subtitle = _ref.subtitle;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kpc_banner"
+  }, /*#__PURE__*/React.createElement("b", null, title), subtitle ? /*#__PURE__*/React.createElement("p", null, subtitle) : null, /*#__PURE__*/React.createElement("img", {
+    src: imageUrl,
+    alt: imageAltText,
+    className: "kpc_banner-image",
+    srcSet: srcSets,
+    loading: "lazy",
+    onClick: function onClick() {
+      return _onClick && _onClick();
+    }
+  }));
+}
+
+function CollectionItem(_ref) {
+  var name = _ref.name,
+    _onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kpc_item",
+    onClick: function onClick() {
+      return _onClick && _onClick();
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "kpc_item-text"
+  }, name || 'Laurem Ipsum'));
+}
+
+function TabWidget(_ref) {
+  var widgetData = _ref.widgetData,
+    formatItem = _ref.formatItem,
+    className = _ref.className,
+    formatTabTitle = _ref.formatTabTitle,
+    itemsContainer = _ref.itemsContainer;
+  var _useState = useState(0),
+    activeTab = _useState[0],
+    setActiveTab = _useState[1];
+  var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
+  return /*#__PURE__*/React.createElement(Tabs, {
+    selectedIndex: activeTab,
+    onSelect: setActiveTab
+  }, /*#__PURE__*/React.createElement(TabList, null, widgetData.tabs.map(function (tab, index) {
+    return /*#__PURE__*/React.createElement(Tab, {
+      key: index
+    }, formatTabTitle(tab.names || tab.name, tab.collectionItems, activeTab === index));
+  })), widgetData.tabs.map(function (tab, index) {
+    return /*#__PURE__*/React.createElement(TabPanel, {
+      key: index
+    }, typeof itemsContainer === 'function' ? itemsContainer(tab.collectionItems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(Fragment, {
+        key: index
+      }, formatItem(item));
+    })) : (/*#__PURE__*/React.createElement("div", {
+      className: className || gridClasses
+    }, tab.collectionItems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(Fragment, {
+        key: index
+      }, formatItem(item));
+    }))));
+  }));
+}
+
+function Widget(_ref) {
+  var widgetData = _ref.widgetData,
+    imageBaseUrl = _ref.imageBaseUrl,
+    formatItem = _ref.formatItem,
+    _onClick = _ref.onClick,
+    settings = _ref.settings,
+    hideTitle = _ref.hideTitle,
+    className = _ref.className,
+    formatFooter = _ref.formatFooter,
+    formatHeader = _ref.formatHeader,
+    formatTabTitle = _ref.formatTabTitle,
+    itemsContainer = _ref.itemsContainer;
+  var formatItems = function formatItems(item) {
+    var _a;
+    // If user provides a custom formatItem function, use it
+    if (typeof formatItem === 'function' && formatItem) return formatItem(item);
+    // Default rendering for Image type items
+    if (widgetData.itemsType === 'Image') return /*#__PURE__*/React.createElement(Banner, {
+      key: item._id,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      imageUrl: "".concat(imageBaseUrl || '').concat((_a = item.image) === null || _a === void 0 ? void 0 : _a.uri),
+      imageAltText: item._id,
+      onClick: function onClick() {
+        return _onClick && _onClick(item);
+      },
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      srcSets: buildSrcSets(imageBaseUrl, item.srcSets),
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      title: item.title,
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      subtitle: item.subtitle
+    });
+    // Default fallback for collection items - renders basic info
+    return /*#__PURE__*/React.createElement(CollectionItem, Object.assign({
+      key: item._id,
+      onClick: function onClick() {
+        return _onClick && _onClick(item);
+      }
+    }, item));
+  };
+  var formatTabTitles = function formatTabTitles(title, collectionData, isActive) {
+    if (typeof formatTabTitle === 'function' && formatTabTitle) return formatTabTitle(title, collectionData, isActive);
+    return /*#__PURE__*/React.createElement("div", null, typeof title === 'string' ? title : JSON.stringify(title));
+  };
+  if (!widgetData) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kpc_widget",
+    style: {
+      backgroundColor: widgetData.backgroundColor
+    }
+  }, hideTitle === true ? null : typeof formatHeader === 'function' ? formatHeader(widgetData.widgetTitles || widgetData.widgetTitle, widgetData) : (/*#__PURE__*/React.createElement("h2", {
+    className: "kpc_widget-title",
+    dangerouslySetInnerHTML: {
+      __html: widgetData.widgetTitles ? JSON.stringify(widgetData.widgetTitles) : widgetData.widgetTitle
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "kpc_widget-body"
+  }, widgetData.widgetType === 'Carousel' ? (/*#__PURE__*/React.createElement(CarouselWidget, {
+    settings: settings,
+    widgetData: widgetData,
+    formatItem: formatItems,
+    className: className,
+    formatTabTitle: formatTabTitles,
+    itemsContainer: itemsContainer
+  })) : widgetData.widgetType === 'Tabs' ? (/*#__PURE__*/React.createElement(TabWidget, {
+    formatItem: formatItems,
+    formatTabTitle: formatTabTitles,
+    widgetData: widgetData,
+    className: className,
+    itemsContainer: itemsContainer
+  })) : (/*#__PURE__*/React.createElement(FixedWidget, {
+    widgetData: widgetData,
+    formatItem: formatItems,
+    className: className,
+    formatTabTitle: formatTabTitles,
+    itemsContainer: itemsContainer
+  }))), typeof formatFooter === 'function' ? formatFooter(widgetData) : null);
+}
+
+function Page(_ref) {
+  var title = _ref.title,
+    imageBaseUrl = _ref.imageBaseUrl,
+    pageData = _ref.pageData,
+    formatItem = _ref.formatItem,
+    onClick = _ref.onClick,
+    formatWidget = _ref.formatWidget,
+    hideWidgetTitles = _ref.hideWidgetTitles;
+  if (!pageData) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kpc_page"
+  }, title && /*#__PURE__*/React.createElement("h1", {
+    className: "kpc_page-title"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "kpc_page-widgets"
+  }, pageData.widgets.map(function (widgetData, index) {
+    return typeof formatWidget === 'function' ? (/*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, formatWidget(widgetData, index))) : (/*#__PURE__*/React.createElement(Widget, {
+      widgetData: widgetData,
+      key: index,
+      imageBaseUrl: imageBaseUrl,
+      hideTitle: hideWidgetTitles === true,
+      formatItem: formatItem && function (itemData) {
+        return formatItem(widgetData.code, itemData);
+      },
+      onClick: onClick && function (itemData) {
+        return onClick(widgetData.code, itemData);
+      }
+    }));
+  })));
+}
+
+export { Page, Widget, getData };

package/package.json

@@ -1,26 +1,33 @@
-{
-  "name": "@knovator/pagecreator",
-  "version": "1.0.3",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:knovator/pagecreator.git"
-  },
-  "keywords": [
-    "pagecreator",
-    "pagebuilder",
-    "knovator",
-    "chavda-bhavik"
-  ],
-  "author": "knovator (https://knovator.com/)",
-  "dependencies": {
-    "swiper": "^8.4.5",
-    "react-tabs": "^6.0.0"
-  },
-  "files": [
-    "lib",
-    "package.json",
-    "README.md",
-    "style.css",
-    "index.js"
-  ]
-}
+{
+  "name": "@knovator/pagecreator",
+  "version": "1.0.5",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:knovator/pagecreator.git"
+  },
+  "keywords": [
+    "pagecreator",
+    "pagebuilder",
+    "knovator",
+    "chavda-bhavik"
+  ],
+  "author": "knovator (https://knovator.com/)",
+  "dependencies": {
+    "swiper": "^8.4.5",
+    "react-tabs": "^6.0.0"
+  },
+  "files": [
+    "lib",
+    "package.json",
+    "README.md",
+    "style.css",
+    "index.js"
+  ],
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./src\\index.d.ts",
+  "peerDependencies": {
+    "react": "18.2.0"
+  }
+}

package/style.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+@import "swiper/swiper-bundle.min.css";@import "react-tabs/style/react-tabs.css";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.grid{display:grid}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}}.kpc_widget-title{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.kpc_simple-card{gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-400);padding:calc(var(--spacing)*3);flex-direction:column;display:flex;overflow:hidden}.kpc_simple-card-heading{flex-shrink:0}.kpc_simple-card-image{aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover}.kpc_simple-card-body{width:100%;display:contents}.kpc_simple-card-label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-600);overflow:hidden}.kpc_simple-card-content{justify-content:space-between;align-items:center;width:100%}.kpc_simple-card-title{text-align:center;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.kpc_simple-card-subtitle{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-600)}.kpc_banner{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-500);padding:calc(var(--spacing)*1)}.kpc_banner-image{aspect-ratio:1;width:100%;height:100%}.kpc_page-title{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}:where(.kpc_page-widgets>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.kpc_item{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-500);padding:calc(var(--spacing)*2)}.kpc_item-text{text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}