@shriyanss/js-recon 1.0.0 → 1.1.0-beta.1

package/output/ss0x00.com/_next/static/chunks/756.7a3878a2e6765be7.js

@@ -0,0 +1,504 @@
+// JS Source: https://ss0x00.com/_next/static/chunks/756.7a3878a2e6765be7.js
+"use strict";
+(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
+  [756],
+  {
+    6756: function (e, l, t) {
+      t.r(l);
+      var n = t(5893);
+      t(7294);
+      var s = t(3967),
+        r = t.n(s),
+        a = t(3491),
+        i = t(2826),
+        d = t(7586),
+        o = t(9754);
+      function c(e) {
+        let { sections: l } = e;
+        return 0 === l.length
+          ? null
+          : (0, n.jsx)("div", {
+              children: l.map((e, l) => (0, n.jsx)(a.B, { ...e }, l)),
+            });
+      }
+      l.default = (e) => {
+        var l, t, s, a, u, m;
+        let { global: h, ...x } = e,
+          {
+            title: f,
+            topSections: v = [],
+            bottomSections: p = [],
+            items: b,
+            projectFeed: j,
+            styles: g = {},
+          } = x;
+        return (0, n.jsx)(d.Z, {
+          ...e,
+          children: (0, n.jsxs)("main", {
+            id: "main",
+            className: "layout page-layout",
+            children: [
+              f &&
+                (0, n.jsx)("div", {
+                  className: r()(
+                    "flex",
+                    "py-12",
+                    "lg:py-16",
+                    "px-4",
+                    (0, o.G)({
+                      justifyContent:
+                        null !==
+                          (u =
+                            null == j
+                              ? void 0
+                              : null === (t = j.styles) || void 0 === t
+                                ? void 0
+                                : null === (l = t.self) || void 0 === l
+                                  ? void 0
+                                  : l.justifyContent) && void 0 !== u
+                          ? u
+                          : "center",
+                    }),
+                  ),
+                  children: (0, n.jsx)("h1", {
+                    className: r()(
+                      "w-full",
+                      (0, o.G)({
+                        width:
+                          null !==
+                            (m =
+                              null == j
+                                ? void 0
+                                : null === (a = j.styles) || void 0 === a
+                                  ? void 0
+                                  : null === (s = a.self) || void 0 === s
+                                    ? void 0
+                                    : s.width) && void 0 !== m
+                            ? m
+                            : "wide",
+                      }),
+                      (null == g ? void 0 : g.title)
+                        ? (0, o.G)(null == g ? void 0 : g.title)
+                        : null,
+                    ),
+                    children: f,
+                  }),
+                }),
+              (0, n.jsx)(c, { sections: v }),
+              (0, n.jsx)(i.default, { ...j, projects: b }),
+              (0, n.jsx)(c, { sections: p }),
+            ],
+          }),
+        });
+      };
+    },
+    2826: function (e, l, t) {
+      (t.r(l),
+        t.d(l, {
+          default: function () {
+            return h;
+          },
+        }));
+      var n = t(5893);
+      t(7294);
+      var s = t(3967),
+        r = t.n(s),
+        a = t(7484),
+        i = t.n(a),
+        d = t(9754),
+        o = t(6319),
+        c = t(8154),
+        u = t(487),
+        m = t(5517);
+      function h(e) {
+        let {
+          type: l,
+          elementId: t,
+          colors: s,
+          variant: a,
+          title: i,
+          subtitle: c,
+          actions: u = [],
+          projects: m = [],
+          showDate: h,
+          showDescription: v,
+          showFeaturedImage: p,
+          showReadMoreLink: b,
+          styles: j = {},
+        } = e;
+        return (0, n.jsxs)(o.Z, {
+          type: l,
+          elementId: t,
+          colors: s,
+          styles: j.self,
+          children: [
+            i &&
+              (0, n.jsx)("h2", {
+                className: r()(j.title ? (0, d.G)(j.title) : null),
+                children: i,
+              }),
+            c &&
+              (0, n.jsx)("p", {
+                className: r()(
+                  "text-lg",
+                  "sm:text-xl",
+                  j.subtitle ? (0, d.G)(j.subtitle) : null,
+                  { "mt-6": i },
+                ),
+                children: c,
+              }),
+            (0, n.jsx)(f, {
+              variant: a,
+              projects: m,
+              showDate: h,
+              showDescription: v,
+              showFeaturedImage: p,
+              showReadMoreLink: b,
+              hasTopMargin: !!(i || c),
+            }),
+            (0, n.jsx)(x, { actions: u, styles: j.actions }),
+          ],
+        });
+      }
+      function x(e) {
+        let { actions: l = [], styles: t = {} } = e;
+        return 0 === l.length
+          ? null
+          : (0, n.jsx)("div", {
+              className: "mt-10 overflow-x-hidden",
+              children: (0, n.jsx)("div", {
+                className: r()(
+                  "flex",
+                  "flex-wrap",
+                  "items-center",
+                  "-mx-2",
+                  (0, d.G)(t),
+                ),
+                children: l.map((e, l) =>
+                  (0, n.jsx)(
+                    c.aU,
+                    { ...e, className: "my-2 mx-2 lg:whitespace-nowrap" },
+                    l,
+                  ),
+                ),
+              }),
+            });
+      }
+      function f(e) {
+        let { variant: l = "variant-a" } = e;
+        switch (l) {
+          case "variant-a":
+          case "variant-b":
+          case "variant-c":
+            return (0, n.jsx)(v, { ...e });
+          case "variant-d":
+            return (0, n.jsx)(p, { ...e });
+          default:
+            return null;
+        }
+      }
+      function v(e) {
+        let {
+          variant: l = "variant-a",
+          projects: t = [],
+          showDate: s,
+          showDescription: a,
+          showFeaturedImage: i,
+          showReadMoreLink: d,
+          hasTopMargin: o,
+        } = e;
+        return 0 === t.length
+          ? null
+          : (0, n.jsx)("div", {
+              className: r()("grid", "gap-y-12", {
+                "md:grid-cols-2": "variant-a" === l,
+                "md:grid-cols-3": "variant-b" === l,
+                "justify-center": "variant-c" === l,
+                "gap-x-6 lg:gap-x-8": "variant-a" === l || "variant-b",
+                "mt-12": o,
+              }),
+              children: t.map((e, l) =>
+                (0, n.jsx)(
+                  c.rU,
+                  {
+                    href: e,
+                    className: "sb-project-feed-item block group",
+                    children: (0, n.jsxs)("article", {
+                      className: "border-b border-current pb-10 max-w-3xl",
+                      children: [
+                        i &&
+                          e.featuredImage &&
+                          (0, n.jsx)("div", {
+                            className:
+                              "h-0 w-full mb-6 pt-2/3 relative overflow-hidden",
+                            children: (0, n.jsx)(u.default, {
+                              ...e.featuredImage,
+                              className:
+                                "absolute left-0 top-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",
+                            }),
+                          }),
+                        s &&
+                          e.date &&
+                          (0, n.jsx)("div", {
+                            className: "mb-3",
+                            children: (0, n.jsx)(b, { date: e.date }),
+                          }),
+                        (0, n.jsx)("h3", { children: e.title }),
+                        a &&
+                          e.description &&
+                          (0, n.jsx)("p", {
+                            className: "text-lg mt-5",
+                            children: e.description,
+                          }),
+                        d &&
+                          (0, n.jsx)("div", {
+                            className: "mt-8",
+                            children: (0, n.jsxs)("span", {
+                              className:
+                                "sb-component sb-component-block sb-component-button sb-component-button-secondary sb-component-button-icon",
+                              children: [
+                                (0, n.jsx)("span", {
+                                  className: "sr-only",
+                                  children: "Read more",
+                                }),
+                                (0, n.jsx)(m.Z, {
+                                  className: "fill-current h-5 w-5",
+                                }),
+                              ],
+                            }),
+                          }),
+                      ],
+                    }),
+                  },
+                  l,
+                ),
+              ),
+            });
+      }
+      function p(e) {
+        let {
+          projects: l = [],
+          showDate: t,
+          showDescription: s,
+          showFeaturedImage: a,
+          showReadMoreLink: i,
+          hasTopMargin: d,
+        } = e;
+        return 0 === l.length
+          ? null
+          : (0, n.jsx)("div", {
+              className: r()("grid", "gap-y-8", { "mt-12": d }),
+              children: l.map((e, l) =>
+                (0, n.jsx)(
+                  c.rU,
+                  {
+                    href: e,
+                    className: "sb-project-feed-item block group",
+                    children: (0, n.jsx)("article", {
+                      className:
+                        "border-b border-current pb-10 md:pb-12 md:px-4",
+                      children: (0, n.jsxs)("div", {
+                        className: "md:flex md:items-center",
+                        children: [
+                          a &&
+                            e.featuredImage &&
+                            (0, n.jsx)("div", {
+                              className:
+                                "mb-8 md:shrink-0 md:self-stretch md:w-48 md:mb-0 md:mr-8",
+                              children: (0, n.jsx)("div", {
+                                className:
+                                  "block h-0 w-full pt-2/3 relative overflow-hidden md:h-24 md:min-h-full md:pt-0",
+                                children: (0, n.jsx)(u.default, {
+                                  ...e.featuredImage,
+                                  className:
+                                    "absolute left-0 top-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105",
+                                }),
+                              }),
+                            }),
+                          (0, n.jsxs)("div", {
+                            className: r()(
+                              "md:grow",
+                              a && e.featuredImage ? null : "md:ml-12",
+                            ),
+                            children: [
+                              t &&
+                                e.date &&
+                                (0, n.jsx)("div", {
+                                  className: "mb-3",
+                                  children: (0, n.jsx)(b, { date: e.date }),
+                                }),
+                              (0, n.jsx)("h3", { children: e.title }),
+                              s &&
+                                e.description &&
+                                (0, n.jsx)("p", {
+                                  className: "text-lg mt-5",
+                                  children: e.description,
+                                }),
+                            ],
+                          }),
+                          i &&
+                            (0, n.jsx)("div", {
+                              className: "mt-8 md:mt-0 md:mx-8",
+                              children: (0, n.jsxs)("span", {
+                                className:
+                                  "sb-component sb-component-block sb-component-button sb-component-button-secondary sb-component-button-icon",
+                                children: [
+                                  (0, n.jsx)("span", {
+                                    className: "sr-only",
+                                    children: "Read more",
+                                  }),
+                                  (0, n.jsx)(m.Z, {
+                                    className:
+                                      "fill-current h-5 w-5 md:h-8 md:w-8",
+                                  }),
+                                ],
+                              }),
+                            }),
+                        ],
+                      }),
+                    }),
+                  },
+                  l,
+                ),
+              ),
+            });
+      }
+      function b(e) {
+        let { date: l } = e,
+          t = i()(l).format("YYYY-MM-DD HH:mm:ss"),
+          s = i()(l).format("MM-DD-YYYY");
+        return (0, n.jsx)("time", { dateTime: t, children: s });
+      }
+    },
+    6319: function (e, l, t) {
+      t.d(l, {
+        Z: function () {
+          return i;
+        },
+      });
+      var n = t(5893);
+      t(7294);
+      var s = t(3967),
+        r = t.n(s),
+        a = t(9754);
+      function i(e) {
+        let { backgroundSize: l = "full", ...t } = e;
+        return "inset" === l
+          ? (0, n.jsx)(d, { ...t })
+          : (0, n.jsx)(o, { ...t });
+      }
+      function d(e) {
+        var l, t, s, i;
+        let {
+            type: d,
+            elementId: o,
+            colors: c = "colors-f",
+            styles: u = {},
+            children: m,
+          } = e,
+          h = d && d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+        return (0, n.jsx)("div", {
+          id: o || null,
+          className: r()(
+            "sb-component",
+            "sb-component-section",
+            h && "sb-component-".concat(h),
+            "flex",
+            (0, a.G)({
+              justifyContent:
+                null !== (l = u.justifyContent) && void 0 !== l ? l : "center",
+            }),
+            u.margin,
+          ),
+          children: (0, n.jsx)("div", {
+            className: r()(
+              c,
+              "flex",
+              "flex-col",
+              "justify-center",
+              "relative",
+              "w-full",
+              (0, a.G)({
+                width: null !== (t = u.width) && void 0 !== t ? t : "wide",
+              }),
+              (0, a.G)({
+                height: null !== (s = u.height) && void 0 !== s ? s : "auto",
+              }),
+              null !== (i = u.padding) && void 0 !== i ? i : "py-12 px-4",
+              u.borderColor,
+              u.borderStyle ? (0, a.G)({ borderStyle: u.borderStyle }) : null,
+              u.borderRadius
+                ? (0, a.G)({ borderRadius: u.borderRadius })
+                : null,
+            ),
+            style: {
+              borderWidth: u.borderWidth
+                ? "".concat(u.borderWidth, "px")
+                : null,
+            },
+            children: (0, n.jsx)("div", {
+              className: "relative w-full",
+              children: m,
+            }),
+          }),
+        });
+      }
+      function o(e) {
+        var l, t, s, i;
+        let {
+            type: d,
+            elementId: o,
+            colors: c = "colors-f",
+            styles: u = {},
+            children: m,
+          } = e,
+          h = d && d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+        return (0, n.jsx)("div", {
+          id: o || null,
+          className: r()(
+            "sb-component",
+            "sb-component-section",
+            h && "sb-component-".concat(h),
+            c,
+            "flex",
+            "flex-col",
+            "justify-center",
+            (0, a.G)({
+              height: null !== (l = u.height) && void 0 !== l ? l : "auto",
+            }),
+            u.margin,
+            null !== (t = u.padding) && void 0 !== t ? t : "py-12 px-4",
+            u.borderColor,
+            u.borderStyle ? (0, a.G)({ borderStyle: u.borderStyle }) : null,
+            u.borderRadius ? (0, a.G)({ borderRadius: u.borderRadius }) : null,
+          ),
+          style: {
+            borderWidth: u.borderWidth ? "".concat(u.borderWidth, "px") : null,
+          },
+          children: (0, n.jsx)("div", {
+            className: r()(
+              "flex",
+              "w-full",
+              (0, a.G)({
+                justifyContent:
+                  null !== (s = u.justifyContent) && void 0 !== s
+                    ? s
+                    : "center",
+              }),
+            ),
+            children: (0, n.jsx)("div", {
+              className: r()(
+                "relative",
+                "w-full",
+                (0, a.G)({
+                  width: null !== (i = u.width) && void 0 !== i ? i : "wide",
+                }),
+              ),
+              children: m,
+            }),
+          }),
+        });
+      }
+    },
+  },
+]);