@janbox/storefront-builder 2.0.18 → 2.0.20

package/dist/templates.js

@@ -1,14 +1,23 @@
-import { jsx as e, jsxs as o, Fragment as c } from "@emotion/react/jsx-runtime";
-import { getColorVar as u } from "@janbox/storefront-ui/theme";
-import { renderToString as p } from "react-dom/server";
-import { f as s, G as h, e as a, i as d, P as t, d as x, j as g, a as f, W as T, b as n, c as r, A as i } from "./countdown-timer.node-B1zlySOV.js";
-import "@craftjs/core";
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { m as d, G as m, l as a, q as s, P as i, j as h, s as u, e as g, ar as x, as as f, f as o, h as r, A as n } from "./toaster-BoEJoz-T.js";
 import "lodash-es";
 import "react";
 import "flat";
+import "@janbox/storefront-ui/utils";
+import "@janbox/storefront-ui/hooks";
+import "@emotion/react";
+import "@floating-ui/react";
+import { getColorVar as k } from "@janbox/storefront-ui/theme";
+import "react-colorful";
+import "overlayscrollbars-react";
+import "@tanstack/react-virtual";
+import "react-frame-component";
+import "react-dropzone";
+import "react-datepicker";
+import "usehooks-ts";
+import "@hello-pangea/dnd";
 import "@janbox/storefront-ui";
-import { M as y } from "./minus-BrRnjbhB.js";
-const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M17.0021 19.5031H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.99875 14.5012H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.99875 9.49874H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -16,13 +25,13 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
 <path d="M19.0029 8.97259C20.3915 10.3612 20.3915 12.6121 19.0029 14.0007C17.6143 15.3893 15.3634 15.3893 13.9748 14.0007C12.5862 12.6121 12.5862 10.3612 13.9748 8.97259C15.3634 7.58401 17.6143 7.58401 19.0029 8.97259" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0037 16.0018L19.0029 14.001L21.0037 16.0018Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, N = {
+`, E = {
   name: "Hero",
-  icon: { source: l },
+  icon: { source: c },
   templates: [
     {
-      template: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ o(
-        h,
+      template: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(
+        m,
         {
           sx: {
             sm: {
@@ -33,7 +42,7 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             cols: 2
           },
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ t(
               a,
               {
                 sx: {
@@ -43,8 +52,8 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 },
                 children: [
-                  /* @__PURE__ */ e(
-                    d,
+                  /* @__PURE__ */ t(
+                    s,
                     {
                       as: "h1",
                       sizeVariant: "4xl",
@@ -58,27 +67,16 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                       md: {
                         sizeVariant: "5xl"
                       },
-                      dangerouslySetInnerHTML: {
-                        __html: p(
-                          /* @__PURE__ */ o(c, { children: [
-                            /* @__PURE__ */ e(
-                              "span",
-                              {
-                                style: {
-                                  color: u("primary.600")
-                                },
-                                children: "Boost Performance:"
-                              }
-                            ),
-                            /* @__PURE__ */ e("br", {}),
-                            "Shop Athletic Shoes!"
-                          ] })
-                        )
-                      }
+                      children: [
+                        "Boost Performance:",
+                        `
+`,
+                        "Shop Athletic Shoes!"
+                      ]
                     }
                   ),
                   /* @__PURE__ */ e(
-                    t,
+                    i,
                     {
                       sx: {
                         marginTop: 12,
@@ -87,13 +85,11 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                           textAlign: "left"
                         }
                       },
-                      dangerouslySetInnerHTML: {
-                        __html: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
-                      }
+                      children: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
                     }
                   ),
                   /* @__PURE__ */ e(
-                    x,
+                    h,
                     {
                       sx: {
                         marginTop: 32,
@@ -102,32 +98,27 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                           width: 200
                         }
                       },
-                      dangerouslySetInnerHTML: {
-                        __html: "Explore Now"
-                      }
+                      children: "Explore Now"
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(g, { src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png" }) })
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(u, { src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png" }) })
           ]
         }
       ) })
     }
   ]
-}, V = {
+}, M = {
   name: "FAQs",
-  icon: { source: l },
+  icon: { source: c },
   templates: [
     {
-      template: /* @__PURE__ */ o(s, { children: [
+      template: /* @__PURE__ */ t(d, { children: [
         /* @__PURE__ */ e(
-          d,
+          s,
           {
-            dangerouslySetInnerHTML: {
-              __html: "Frequently Asked Questions"
-            },
             sizeVariant: "4xl",
             sx: {
               fontWeight: 600,
@@ -137,11 +128,12 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                 marginBottom: 24
               }
             },
-            md: { sizeVariant: "5xl" }
+            md: { sizeVariant: "5xl" },
+            children: "Frequently Asked Questions"
           }
         ),
-        /* @__PURE__ */ o(
-          f,
+        /* @__PURE__ */ t(
+          g,
           {
             openMode: "single",
             accordionSummaryProps: {
@@ -161,8 +153,8 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               expandIcon: {
                 position: "right",
                 source: {
-                  expanded: T,
-                  collapsed: y
+                  expanded: f,
+                  collapsed: x
                 }
               }
             },
@@ -173,119 +165,29 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               }
             },
             children: [
-              /* @__PURE__ */ o(n, { defaultOpen: !0, children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et accusamus odio?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { defaultOpen: !0, children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ o(n, { children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et accusamus et iusto?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ o(n, { children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et accusamus?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ o(n, { children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et iusto?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ o(n, { children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et accusamus?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] }),
-              /* @__PURE__ */ o(n, { children: [
-                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    sizeVariant: "base",
-                    dangerouslySetInnerHTML: {
-                      __html: "At vero eos et accusamus et iusto?"
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                  t,
-                  {
-                    dangerouslySetInnerHTML: {
-                      __html: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation."
-                    }
-                  }
-                ) })
+              /* @__PURE__ */ t(o, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
+                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
               ] })
             ]
           }
@@ -293,7 +195,7 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ] })
     }
   ]
-}, S = [
+}, A = [
   {
     image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
     title: "24/7 Friendly Support"
@@ -310,24 +212,15 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
     title: "Secure Online Payment"
   }
-], q = {
+], R = {
   name: "Guarantee",
-  icon: { source: l },
+  icon: { source: c },
   templates: [
     {
-      template: /* @__PURE__ */ o(s, { children: [
-        /* @__PURE__ */ e(
-          d,
+      template: /* @__PURE__ */ t(d, { children: [
+        /* @__PURE__ */ t(
+          s,
           {
-            dangerouslySetInnerHTML: {
-              __html: p(
-                /* @__PURE__ */ o(c, { children: [
-                  "Why should you choose",
-                  /* @__PURE__ */ e("br", {}),
-                  "our product?"
-                ] })
-              )
-            },
             sizeVariant: "4xl",
             sx: {
               textAlign: "center",
@@ -335,28 +228,32 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             },
             md: {
               sizeVariant: "5xl"
-            }
+            },
+            children: [
+              "Why should you choose",
+              `
+`,
+              "our product?"
+            ]
           }
         ),
         /* @__PURE__ */ e(
-          t,
+          i,
           {
-            dangerouslySetInnerHTML: {
-              __html: "Experience our prestigious after-sales service."
-            },
             sizeVariant: "base",
             sx: {
-              color: u("neutral.500"),
+              color: k("neutral.500"),
               textAlign: "center",
               marginTop: 16,
               md: {
                 marginTop: 20
               }
-            }
+            },
+            children: "Experience our prestigious after-sales service."
           }
         ),
         /* @__PURE__ */ e(
-          h,
+          m,
           {
             sx: {
               width: "100%",
@@ -372,33 +269,31 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
             md: {
               cols: 4
             },
-            children: S.map((m, _) => /* @__PURE__ */ o(a, { children: [
+            children: A.map((l, p) => /* @__PURE__ */ t(a, { children: [
               /* @__PURE__ */ e(
-                g,
+                u,
                 {
                   sx: {
                     width: 80,
                     marginLeft: "auto",
                     marginRight: "auto"
                   },
-                  src: m.image
+                  src: l.image
                 }
               ),
               /* @__PURE__ */ e(
-                t,
+                i,
                 {
-                  dangerouslySetInnerHTML: {
-                    __html: m.title
-                  },
                   sizeVariant: "lg",
                   sx: {
                     textAlign: "center",
                     marginTop: 16,
                     fontWeight: 500
-                  }
+                  },
+                  children: l.title
                 }
               )
-            ] }, _))
+            ] }, p))
           }
         )
       ] })
@@ -406,7 +301,7 @@ const l = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
   ]
 };
 export {
-  V as FAQS_SECTION_GROUP,
-  q as GUARANTEE_SECTION_GROUP,
-  N as HERO_SECTION_GROUP
+  M as FAQS_SECTION_GROUP,
+  R as GUARANTEE_SECTION_GROUP,
+  E as HERO_SECTION_GROUP
 };