@gem-sdk/pages 3.0.0-pre-production.0 → 3.0.0

package/dist/cjs/components/builder/toolbar/utils/getDOMElementParents.js

@@ -1,32 +1 @@
-'use strict';
-
-const getDOMElementParents = ($el, selector, limit)=>{
-    // Set up a parent array
-    const parents = [];
-    // Push each parent $elms to the array
-    while($el){
-        $el = $el.parentElement ?? undefined;
-        if ($el) {
-            if ($el.tagName === 'BODY' || $el.getAttribute('data-uid') === 'ROOT') {
-                break;
-            }
-            if (selector) {
-                if ($el.matches(selector)) {
-                    parents.push($el);
-                    if (limit && parents.length == limit) {
-                        return parents;
-                    }
-                }
-                continue;
-            }
-            parents.push($el);
-            if (limit && parents.length == limit) {
-                return parents;
-            }
-        }
-    }
-    // Return our parent array
-    return parents;
-};
-
-exports.getDOMElementParents = getDOMElementParents;
+"use strict";const getDOMElementParents=(e,t,n)=>{let r=[];for(;e;)if(e=e.parentElement??void 0){if("BODY"===e.tagName||"ROOT"===e.getAttribute("data-uid"))break;if(t){if(e.matches(t)&&(r.push(e),n&&r.length==n))return r;continue}if(r.push(e),n&&r.length==n)break}return r};exports.getDOMElementParents=getDOMElementParents;

package/dist/cjs/components/builder/toolbar/utils/isOverParent.js

@@ -1,16 +1 @@
-'use strict';
-
-var _const = require('../const.js');
-
-const isOverParent = ({ current, parent, index, revert })=>{
-    for(let i = 0; i < index; i++){
-        let is = current.top - (_const.TOOLBAR_HOVER_HEIGHT - 1) * i >= parent.top && current.top - (_const.TOOLBAR_HOVER_HEIGHT - 1) * i <= parent.top + parent.height || current.top - (_const.TOOLBAR_HOVER_HEIGHT - 1) * i >= parent.top + parent.height && current.top - (_const.TOOLBAR_HOVER_HEIGHT - 1) * i <= parent.top;
-        if (revert) {
-            is = current.bottom + (_const.TOOLBAR_HOVER_HEIGHT - 1) * i >= parent.bottom && current.bottom + (_const.TOOLBAR_HOVER_HEIGHT - 1) * i <= parent.bottom - parent.height || current.bottom + (_const.TOOLBAR_HOVER_HEIGHT - 1) * i >= parent.bottom - parent.height && current.bottom + (_const.TOOLBAR_HOVER_HEIGHT - 1) * i <= parent.bottom;
-        }
-        if (is) return true;
-    }
-    return false;
-};
-
-exports.isOverParent = isOverParent;
+"use strict";var _const=require("../const.js");const isOverParent=({current:t,parent:o,index:O,revert:_})=>{for(let H=0;H<O;H++){let O=t.top-(_const.TOOLBAR_HOVER_HEIGHT-1)*H>=o.top&&t.top-(_const.TOOLBAR_HOVER_HEIGHT-1)*H<=o.top+o.height||t.top-(_const.TOOLBAR_HOVER_HEIGHT-1)*H>=o.top+o.height&&t.top-(_const.TOOLBAR_HOVER_HEIGHT-1)*H<=o.top;if(_&&(O=t.bottom+(_const.TOOLBAR_HOVER_HEIGHT-1)*H>=o.bottom&&t.bottom+(_const.TOOLBAR_HOVER_HEIGHT-1)*H<=o.bottom-o.height||t.bottom+(_const.TOOLBAR_HOVER_HEIGHT-1)*H>=o.bottom-o.height&&t.bottom+(_const.TOOLBAR_HOVER_HEIGHT-1)*H<=o.bottom),O)return!0}return!1};exports.isOverParent=isOverParent;

package/dist/cjs/components/builder/toolbar/utils/isOverToolbarPosition.js

@@ -1,12 +1 @@
-'use strict';
-
-var _const = require('../const.js');
-
-const isOverToolbarPosition = (el, parent)=>{
-    const rect = el.getBoundingClientRect();
-    const rectP = parent.getBoundingClientRect();
-    // 32px = toolbar active height
-    return rect.top - rectP.top < _const.TOOLBAR_ACTIVE_HEIGHT + 1;
-};
-
-exports.isOverToolbarPosition = isOverToolbarPosition;
+"use strict";var _const=require("../const.js");const isOverToolbarPosition=(o,t)=>{let e=o.getBoundingClientRect(),i=t.getBoundingClientRect();return e.top-i.top<_const.TOOLBAR_ACTIVE_HEIGHT+1};exports.isOverToolbarPosition=isOverToolbarPosition;

package/dist/cjs/components/builder/toolbar/utils/isSection.js

@@ -1,8 +1 @@
-'use strict';
-
-const isSection = (el)=>{
-    const tag = el.getAttribute('data-component-tag');
-    return tag === 'Section';
-};
-
-exports.isSection = isSection;
+"use strict";const isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e};exports.isSection=isSection;

package/dist/cjs/components/builder/toolbar/utils/notVisible.js

@@ -1,8 +1 @@
-'use strict';
-
-const notVisible = (el)=>{
-    const overflow = getComputedStyle(el).overflow;
-    return overflow !== 'visible';
-};
-
-exports.notVisible = notVisible;
+"use strict";const notVisible=e=>{let t=getComputedStyle(e).overflow;return"visible"!==t};exports.notVisible=notVisible;

package/dist/cjs/components/builder/toolbar/utils/waitForElementToExist.js

@@ -1,27 +1 @@
-'use strict';
-
-const waitForElementToExist = (selector, timeout = 200)=>{
-    return new Promise((resolve)=>{
-        let intervalID = null;
-        let timeoutID = null;
-        const findEl = ()=>{
-            const el = document.body.querySelector('#storefront')?.querySelector(selector);
-            if (el) {
-                if (intervalID) clearInterval(intervalID);
-                if (timeoutID) clearTimeout(timeoutID);
-                resolve(el);
-            }
-        };
-        findEl();
-        intervalID = setInterval(()=>{
-            findEl();
-        }, 50);
-        timeoutID = setTimeout(()=>{
-            if (intervalID) clearInterval(intervalID);
-            if (timeoutID) clearTimeout(timeoutID);
-            resolve(null);
-        }, timeout);
-    });
-};
-
-exports.waitForElementToExist = waitForElementToExist;
+"use strict";const waitForElementToExist=(e,t=200)=>new Promise(l=>{let r=null,o=null,n=()=>{let t=document.body.querySelector("#storefront")?.querySelector(e);t&&(r&&clearInterval(r),o&&clearTimeout(o),l(t))};n(),r=setInterval(()=>{n()},50),o=setTimeout(()=>{r&&clearInterval(r),o&&clearTimeout(o),l(null)},t)});exports.waitForElementToExist=waitForElementToExist;

package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js

@@ -1,150 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var core = require('@gem-sdk/core');
-
-const BASE_DATA = [
-    {
-        title: 'Choose templates',
-        content: 'inspired by CRO experts',
-        hasAILogo: false,
-        id: 'gps-add-section-bottom-from-library',
-        eventID: 'click-add-section-bottom-from-library'
-    },
-    {
-        title: 'Generate layout',
-        content: 'from URL or image',
-        hasAILogo: false,
-        id: 'gps-add-section-bottom-from-url',
-        eventID: 'click-add-section-bottom-from-url'
-    },
-    {
-        title: 'Add blank section',
-        content: 'then drag & drop elements',
-        hasAILogo: false,
-        id: 'gps-add-section-blank',
-        eventID: 'click-add-section-blank'
-    }
-];
-const FOOTER_HEIGHT = 48;
-const defaultPadding = {
-    desktop: 'var(--g-ct-p)',
-    tablet: 'var(--g-ct-p)',
-    mobile: 'var(--g-ct-p)'
-};
-const AddSectionImageToLayout = ({ editorImageToLayout })=>{
-    const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
-    const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
-    const editingPageType = core.useShopStore((s)=>s.pageType);
-    let ACTIONS_DATA = BASE_DATA;
-    if (editingPageType === 'POST_PURCHASE') {
-        const dataIdNotPostPurchase = [
-            'gps-add-section-bottom-from-url',
-            'gps-add-section-bottom-from-image',
-            'gps-add-section-bottom-from-library'
-        ];
-        ACTIONS_DATA = BASE_DATA.filter((item)=>!dataIdNotPostPurchase.includes(item.id));
-    }
-    const loaded = core.useBuilderPreviewStore((state)=>state.loaded);
-    const offset = react.useMemo(()=>{
-        let result = 0;
-        if (layoutSetting?.showFooter) {
-            result += FOOTER_HEIGHT;
-        }
-        return result;
-    }, [
-        layoutSetting?.showFooter
-    ]);
-    if (!loaded) {
-        return null;
-    }
-    const handleAddSectionAction = (eventID)=>{
-        const event = new CustomEvent(`editor:iframe:${eventID}`);
-        window.dispatchEvent(event);
-    };
-    return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        id: "gps-add-section-image-to-layout-of-bottom",
-        className: `gp-justify-center ${totalSection && editorImageToLayout ? 'gp-flex' : 'gp-hidden'}`,
-        style: {
-            ...core.makeStyleResponsive('pl', defaultPadding),
-            ...core.makeStyleResponsive('pr', defaultPadding)
-        },
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: `gps-base-font-family gp-relative gp-mb-[24px] gp-mt-[40px] gp-flex gp-flex-1 gp-justify-center gp-rounded-[3px] gp-border gp-border-[#EEEEEE] gp-py-[24px] w375:gp-flex-col w375:gp-gap-y-[8px] w576:gp-flex-col w576:gp-gap-y-[8px]`,
-            style: {
-                maxWidth: `var(--g-ct-w)`,
-                marginBottom: `${offset + 48}px`
-            },
-            children: [
-                /*#__PURE__*/ jsxRuntime.jsx("span", {
-                    className: "gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",
-                    children: "Add section"
-                }),
-                ACTIONS_DATA.map((action)=>{
-                    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
-                        id: action.id,
-                        onClick: ()=>handleAddSectionAction(action.eventID),
-                        "aria-hidden": true,
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: "gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",
-                                children: [
-                                    action.title,
-                                    action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                                        width: "43",
-                                        height: "20",
-                                        viewBox: "0 0 43 20",
-                                        fill: "none",
-                                        xmlns: "http://www.w3.org/2000/svg",
-                                        children: [
-                                            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                d: "M0 8C0 3.58172 3.58172 0 8 0H35C39.4183 0 43 3.58172 43 8V12C43 16.4183 39.4183 20 35 20H8C3.58172 20 0 16.4183 0 12V8Z",
-                                                fill: "#EBDDF8"
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                                d: "M8.95881 14V5.27273H12.1548C12.7741 5.27273 13.2869 5.375 13.6932 5.57955C14.0994 5.78125 14.4034 6.0554 14.6051 6.40199C14.8068 6.74574 14.9077 7.13352 14.9077 7.56534C14.9077 7.92898 14.8409 8.2358 14.7074 8.4858C14.5739 8.73295 14.3949 8.93182 14.1705 9.08239C13.9489 9.23011 13.7045 9.33807 13.4375 9.40625V9.49148C13.7273 9.50568 14.0099 9.59943 14.2855 9.77273C14.5639 9.94318 14.794 10.1861 14.9759 10.5014C15.1577 10.8168 15.2486 11.2003 15.2486 11.652C15.2486 12.098 15.1435 12.4986 14.9332 12.8537C14.7259 13.206 14.4048 13.4858 13.9702 13.6932C13.5355 13.8977 12.9801 14 12.304 14H8.95881ZM10.2756 12.8707H12.1761C12.8068 12.8707 13.2585 12.7486 13.5312 12.5043C13.804 12.2599 13.9403 11.9545 13.9403 11.5881C13.9403 11.3125 13.8707 11.0597 13.7315 10.8295C13.5923 10.5994 13.3935 10.4162 13.1349 10.2798C12.8793 10.1435 12.5753 10.0753 12.223 10.0753H10.2756V12.8707ZM10.2756 9.0483H12.0398C12.3352 9.0483 12.6009 8.99148 12.8366 8.87784C13.0753 8.7642 13.2642 8.60511 13.4034 8.40057C13.5455 8.19318 13.6165 7.94886 13.6165 7.66761C13.6165 7.30682 13.4901 7.00426 13.2372 6.75994C12.9844 6.51562 12.5966 6.39347 12.0739 6.39347H10.2756V9.0483ZM19.5291 14.1321C18.8842 14.1321 18.3288 13.9943 17.8629 13.7188C17.3999 13.4403 17.0419 13.0497 16.7891 12.5469C16.5391 12.0412 16.4141 11.4489 16.4141 10.7699C16.4141 10.0994 16.5391 9.50852 16.7891 8.99716C17.0419 8.4858 17.3942 8.08665 17.8459 7.79972C18.3004 7.51278 18.8317 7.36932 19.4396 7.36932C19.8089 7.36932 20.1669 7.4304 20.5135 7.55256C20.8601 7.67472 21.1712 7.86648 21.4467 8.12784C21.7223 8.3892 21.9396 8.72869 22.0987 9.14631C22.2578 9.56108 22.3374 10.0653 22.3374 10.6591V11.1108H17.1342V10.1562H21.0888C21.0888 9.82102 21.0206 9.52415 20.8842 9.26562C20.7479 9.00426 20.5561 8.7983 20.3089 8.64773C20.0646 8.49716 19.7777 8.42188 19.4482 8.42188C19.0902 8.42188 18.7777 8.50994 18.5107 8.68608C18.2464 8.85937 18.0419 9.08665 17.897 9.3679C17.755 9.64631 17.6839 9.94886 17.6839 10.2756V11.0213C17.6839 11.4588 17.7607 11.831 17.9141 12.1378C18.0703 12.4446 18.2876 12.679 18.5661 12.8409C18.8445 13 19.1697 13.0795 19.5419 13.0795C19.7834 13.0795 20.0036 13.0455 20.2024 12.9773C20.4013 12.9062 20.5732 12.8011 20.718 12.6619C20.8629 12.5227 20.9737 12.3509 21.0504 12.1463L22.2564 12.3636C22.1598 12.7187 21.9865 13.0298 21.7365 13.2969C21.4893 13.5611 21.1783 13.767 20.8033 13.9148C20.4311 14.0597 20.0064 14.1321 19.5291 14.1321ZM26.8065 7.45455V8.47727H23.2312V7.45455H26.8065ZM24.19 5.88636H25.4641V12.0781C25.4641 12.3253 25.5011 12.5114 25.5749 12.6364C25.6488 12.7585 25.744 12.8423 25.8604 12.8878C25.9798 12.9304 26.109 12.9517 26.2482 12.9517C26.3505 12.9517 26.44 12.9446 26.5167 12.9304C26.5934 12.9162 26.6531 12.9048 26.6957 12.8963L26.9258 13.9489C26.8519 13.9773 26.7468 14.0057 26.6104 14.0341C26.4741 14.0653 26.3036 14.0824 26.0991 14.0852C25.7638 14.0909 25.4513 14.0312 25.1616 13.9062C24.8718 13.7812 24.6374 13.5881 24.4585 13.3267C24.2795 13.0653 24.19 12.7372 24.19 12.3423V5.88636ZM30.1207 14.1449C29.706 14.1449 29.331 14.0682 28.9957 13.9148C28.6605 13.7585 28.3949 13.5327 28.1989 13.2372C28.0057 12.9418 27.9091 12.5795 27.9091 12.1506C27.9091 11.7812 27.9801 11.4773 28.1222 11.2386C28.2642 11 28.456 10.8111 28.6974 10.6719C28.9389 10.5327 29.2088 10.4276 29.5071 10.3565C29.8054 10.2855 30.1094 10.2315 30.419 10.1946C30.8111 10.1491 31.1293 10.1122 31.3736 10.0838C31.6179 10.0526 31.7955 10.0028 31.9062 9.93466C32.017 9.86648 32.0724 9.75568 32.0724 9.60227V9.57244C32.0724 9.20028 31.9673 8.91193 31.7571 8.70739C31.5497 8.50284 31.2401 8.40057 30.8281 8.40057C30.3991 8.40057 30.0611 8.49574 29.8139 8.68608C29.5696 8.87358 29.4006 9.08239 29.3068 9.3125L28.1094 9.03977C28.2514 8.64205 28.4588 8.32102 28.7315 8.0767C29.0071 7.82955 29.3239 7.65057 29.6818 7.53977C30.0398 7.42614 30.4162 7.36932 30.8111 7.36932C31.0724 7.36932 31.3494 7.40057 31.642 7.46307C31.9375 7.52273 32.2131 7.63352 32.4688 7.79545C32.7273 7.95739 32.9389 8.18892 33.1037 8.49006C33.2685 8.78835 33.3509 9.17614 33.3509 9.65341V14H32.1065V13.1051H32.0554C31.973 13.2699 31.8494 13.4318 31.6847 13.5909C31.5199 13.75 31.3082 13.8821 31.0497 13.9872C30.7912 14.0923 30.4815 14.1449 30.1207 14.1449ZM30.3977 13.1222C30.75 13.1222 31.0511 13.0526 31.3011 12.9134C31.554 12.7741 31.7457 12.5923 31.8764 12.3679C32.0099 12.1406 32.0767 11.8977 32.0767 11.6392V10.7955C32.0313 10.8409 31.9432 10.8835 31.8125 10.9233C31.6847 10.9602 31.5384 10.9929 31.3736 11.0213C31.2088 11.0469 31.0483 11.071 30.892 11.0938C30.7358 11.1136 30.6051 11.1307 30.5 11.1449C30.2528 11.1761 30.027 11.2287 29.8224 11.3026C29.6207 11.3764 29.4588 11.483 29.3366 11.6222C29.2173 11.7585 29.1577 11.9403 29.1577 12.1676C29.1577 12.483 29.2741 12.7216 29.5071 12.8835C29.7401 13.0426 30.0369 13.1222 30.3977 13.1222Z",
-                                                fill: "url(#paint0_linear_9312_318)"
-                                            }),
-                                            /*#__PURE__*/ jsxRuntime.jsx("defs", {
-                                                children: /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
-                                                    id: "paint0_linear_9312_318",
-                                                    x1: "35",
-                                                    y1: "15.2703",
-                                                    x2: "7.99944",
-                                                    y2: "15.2287",
-                                                    gradientUnits: "userSpaceOnUse",
-                                                    children: [
-                                                        /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                                            stopColor: "#874CFD"
-                                                        }),
-                                                        /*#__PURE__*/ jsxRuntime.jsx("stop", {
-                                                            offset: "1",
-                                                            stopColor: "#3C38E1"
-                                                        })
-                                                    ]
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                className: "gp-flex gp-items-center",
-                                children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                    className: "gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",
-                                    children: action.content
-                                })
-                            })
-                        ]
-                    }, action.id);
-                })
-            ]
-        })
-    });
-};
-
-exports.default = AddSectionImageToLayout;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),core=require("@gem-sdk/core");const BASE_DATA=[{title:"Choose templates",content:"inspired by CRO experts",hasAILogo:!1,id:"gps-add-section-bottom-from-library",eventID:"click-add-section-bottom-from-library"},{title:"Generate layout",content:"from URL or image",hasAILogo:!1,id:"gps-add-section-bottom-from-url",eventID:"click-add-section-bottom-from-url"},{title:"Add blank section",content:"then drag & drop elements",hasAILogo:!1,id:"gps-add-section-blank",eventID:"click-add-section-blank"}],FOOTER_HEIGHT=48,defaultPadding={desktop:"var(--g-ct-p)",tablet:"var(--g-ct-p)",mobile:"var(--g-ct-p)"},AddSectionImageToLayout=({editorImageToLayout:e})=>{let{t}=core.useI18nStore(),o=core.useShopStore(e=>e.layoutSettings),s=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),i=core.useShopStore(e=>e.pageType),r=BASE_DATA;if("POST_PURCHASE"===i){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];r=BASE_DATA.filter(t=>!e.includes(t.id))}let p=core.useBuilderPreviewStore(e=>e.loaded),n=react.useMemo(()=>{let e=0;return o?.showFooter&&(e+=48),e},[o?.showFooter]);if(!p)return null;let C=e=>{let t=new CustomEvent(`editor:iframe:${e}`);window.dispatchEvent(t)};return jsxRuntime.jsx("div",{id:"gps-add-section-image-to-layout-of-bottom",className:`gp-justify-center ${s&&e?"gp-flex":"gp-hidden"}`,style:{...core.makeStyleResponsive("pl",defaultPadding),...core.makeStyleResponsive("pr",defaultPadding)},children:jsxRuntime.jsxs("div",{className:"gps-base-font-family gp-relative gp-mb-[24px] gp-mt-[40px] gp-flex gp-flex-1 gp-justify-center gp-rounded-[3px] gp-border gp-border-[#EEEEEE] gp-py-[24px] w375:gp-flex-col w375:gp-gap-y-[8px] w576:gp-flex-col w576:gp-gap-y-[8px]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${n+48}px`},children:[jsxRuntime.jsx("span",{className:"gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",children:t("Add section")}),r.map(e=>jsxRuntime.jsxs("div",{className:"gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2",id:e.id,onClick:()=>C(e.eventID),"aria-hidden":!0,children:[jsxRuntime.jsxs("div",{className:"gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",children:[t(e.title),e.hasAILogo&&jsxRuntime.jsxs("svg",{width:"43",height:"20",viewBox:"0 0 43 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 8C0 3.58172 3.58172 0 8 0H35C39.4183 0 43 3.58172 43 8V12C43 16.4183 39.4183 20 35 20H8C3.58172 20 0 16.4183 0 12V8Z",fill:"#EBDDF8"}),jsxRuntime.jsx("path",{d:"M8.95881 14V5.27273H12.1548C12.7741 5.27273 13.2869 5.375 13.6932 5.57955C14.0994 5.78125 14.4034 6.0554 14.6051 6.40199C14.8068 6.74574 14.9077 7.13352 14.9077 7.56534C14.9077 7.92898 14.8409 8.2358 14.7074 8.4858C14.5739 8.73295 14.3949 8.93182 14.1705 9.08239C13.9489 9.23011 13.7045 9.33807 13.4375 9.40625V9.49148C13.7273 9.50568 14.0099 9.59943 14.2855 9.77273C14.5639 9.94318 14.794 10.1861 14.9759 10.5014C15.1577 10.8168 15.2486 11.2003 15.2486 11.652C15.2486 12.098 15.1435 12.4986 14.9332 12.8537C14.7259 13.206 14.4048 13.4858 13.9702 13.6932C13.5355 13.8977 12.9801 14 12.304 14H8.95881ZM10.2756 12.8707H12.1761C12.8068 12.8707 13.2585 12.7486 13.5312 12.5043C13.804 12.2599 13.9403 11.9545 13.9403 11.5881C13.9403 11.3125 13.8707 11.0597 13.7315 10.8295C13.5923 10.5994 13.3935 10.4162 13.1349 10.2798C12.8793 10.1435 12.5753 10.0753 12.223 10.0753H10.2756V12.8707ZM10.2756 9.0483H12.0398C12.3352 9.0483 12.6009 8.99148 12.8366 8.87784C13.0753 8.7642 13.2642 8.60511 13.4034 8.40057C13.5455 8.19318 13.6165 7.94886 13.6165 7.66761C13.6165 7.30682 13.4901 7.00426 13.2372 6.75994C12.9844 6.51562 12.5966 6.39347 12.0739 6.39347H10.2756V9.0483ZM19.5291 14.1321C18.8842 14.1321 18.3288 13.9943 17.8629 13.7188C17.3999 13.4403 17.0419 13.0497 16.7891 12.5469C16.5391 12.0412 16.4141 11.4489 16.4141 10.7699C16.4141 10.0994 16.5391 9.50852 16.7891 8.99716C17.0419 8.4858 17.3942 8.08665 17.8459 7.79972C18.3004 7.51278 18.8317 7.36932 19.4396 7.36932C19.8089 7.36932 20.1669 7.4304 20.5135 7.55256C20.8601 7.67472 21.1712 7.86648 21.4467 8.12784C21.7223 8.3892 21.9396 8.72869 22.0987 9.14631C22.2578 9.56108 22.3374 10.0653 22.3374 10.6591V11.1108H17.1342V10.1562H21.0888C21.0888 9.82102 21.0206 9.52415 20.8842 9.26562C20.7479 9.00426 20.5561 8.7983 20.3089 8.64773C20.0646 8.49716 19.7777 8.42188 19.4482 8.42188C19.0902 8.42188 18.7777 8.50994 18.5107 8.68608C18.2464 8.85937 18.0419 9.08665 17.897 9.3679C17.755 9.64631 17.6839 9.94886 17.6839 10.2756V11.0213C17.6839 11.4588 17.7607 11.831 17.9141 12.1378C18.0703 12.4446 18.2876 12.679 18.5661 12.8409C18.8445 13 19.1697 13.0795 19.5419 13.0795C19.7834 13.0795 20.0036 13.0455 20.2024 12.9773C20.4013 12.9062 20.5732 12.8011 20.718 12.6619C20.8629 12.5227 20.9737 12.3509 21.0504 12.1463L22.2564 12.3636C22.1598 12.7187 21.9865 13.0298 21.7365 13.2969C21.4893 13.5611 21.1783 13.767 20.8033 13.9148C20.4311 14.0597 20.0064 14.1321 19.5291 14.1321ZM26.8065 7.45455V8.47727H23.2312V7.45455H26.8065ZM24.19 5.88636H25.4641V12.0781C25.4641 12.3253 25.5011 12.5114 25.5749 12.6364C25.6488 12.7585 25.744 12.8423 25.8604 12.8878C25.9798 12.9304 26.109 12.9517 26.2482 12.9517C26.3505 12.9517 26.44 12.9446 26.5167 12.9304C26.5934 12.9162 26.6531 12.9048 26.6957 12.8963L26.9258 13.9489C26.8519 13.9773 26.7468 14.0057 26.6104 14.0341C26.4741 14.0653 26.3036 14.0824 26.0991 14.0852C25.7638 14.0909 25.4513 14.0312 25.1616 13.9062C24.8718 13.7812 24.6374 13.5881 24.4585 13.3267C24.2795 13.0653 24.19 12.7372 24.19 12.3423V5.88636ZM30.1207 14.1449C29.706 14.1449 29.331 14.0682 28.9957 13.9148C28.6605 13.7585 28.3949 13.5327 28.1989 13.2372C28.0057 12.9418 27.9091 12.5795 27.9091 12.1506C27.9091 11.7812 27.9801 11.4773 28.1222 11.2386C28.2642 11 28.456 10.8111 28.6974 10.6719C28.9389 10.5327 29.2088 10.4276 29.5071 10.3565C29.8054 10.2855 30.1094 10.2315 30.419 10.1946C30.8111 10.1491 31.1293 10.1122 31.3736 10.0838C31.6179 10.0526 31.7955 10.0028 31.9062 9.93466C32.017 9.86648 32.0724 9.75568 32.0724 9.60227V9.57244C32.0724 9.20028 31.9673 8.91193 31.7571 8.70739C31.5497 8.50284 31.2401 8.40057 30.8281 8.40057C30.3991 8.40057 30.0611 8.49574 29.8139 8.68608C29.5696 8.87358 29.4006 9.08239 29.3068 9.3125L28.1094 9.03977C28.2514 8.64205 28.4588 8.32102 28.7315 8.0767C29.0071 7.82955 29.3239 7.65057 29.6818 7.53977C30.0398 7.42614 30.4162 7.36932 30.8111 7.36932C31.0724 7.36932 31.3494 7.40057 31.642 7.46307C31.9375 7.52273 32.2131 7.63352 32.4688 7.79545C32.7273 7.95739 32.9389 8.18892 33.1037 8.49006C33.2685 8.78835 33.3509 9.17614 33.3509 9.65341V14H32.1065V13.1051H32.0554C31.973 13.2699 31.8494 13.4318 31.6847 13.5909C31.5199 13.75 31.3082 13.8821 31.0497 13.9872C30.7912 14.0923 30.4815 14.1449 30.1207 14.1449ZM30.3977 13.1222C30.75 13.1222 31.0511 13.0526 31.3011 12.9134C31.554 12.7741 31.7457 12.5923 31.8764 12.3679C32.0099 12.1406 32.0767 11.8977 32.0767 11.6392V10.7955C32.0313 10.8409 31.9432 10.8835 31.8125 10.9233C31.6847 10.9602 31.5384 10.9929 31.3736 11.0213C31.2088 11.0469 31.0483 11.071 30.892 11.0938C30.7358 11.1136 30.6051 11.1307 30.5 11.1449C30.2528 11.1761 30.027 11.2287 29.8224 11.3026C29.6207 11.3764 29.4588 11.483 29.3366 11.6222C29.2173 11.7585 29.1577 11.9403 29.1577 12.1676C29.1577 12.483 29.2741 12.7216 29.5071 12.8835C29.7401 13.0426 30.0369 13.1222 30.3977 13.1222Z",fill:"url(#paint0_linear_9312_318)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_9312_318",x1:"35",y1:"15.2703",x2:"7.99944",y2:"15.2287",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]})})]})]}),jsxRuntime.jsx("div",{className:"gp-flex gp-items-center",children:jsxRuntime.jsx("span",{className:"gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",children:t(e.content)})})]},e.id))]})})};exports.default=AddSectionImageToLayout;

package/dist/cjs/components/image-to-layout/DropElement.js

@@ -1,190 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-
-const SALE_FUNNEL_PAGE_TYPES = [
-    'GP_FUNNEL_PAGE',
-    'GP_PRE_SALE_PAGE'
-];
-const DropElement = ()=>{
-    const editingPageType = core.useShopStore((s)=>s.pageType);
-    const isFunnelSalesPage = SALE_FUNNEL_PAGE_TYPES.includes(editingPageType || '');
-    const dispatchEventBuildWithSectionActiveTab = (value)=>{
-        const event = new CustomEvent('editor:sidebar:build-with-section-active-tab', {
-            bubbles: true,
-            detail: {
-                value
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const dispatchEventBuildWithTemplateActiveTab = (value)=>{
-        const event = new CustomEvent('editor:sidebar:build-with-template-active-tab', {
-            bubbles: true,
-            detail: {
-                value
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const handleClickGenerate = (e)=>{
-        const event = new CustomEvent('editor:sidebar:click-img-to-layout-gallery-btn', e);
-        window.dispatchEvent(event);
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                width: "290",
-                height: "162",
-                viewBox: "0 0 290 162",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "gp-mb-[24px]",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "0.570588",
-                        y: "0.570588",
-                        width: "288.859",
-                        height: "160.859",
-                        rx: "8.55882",
-                        fill: "white"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "0.570588",
-                        y: "0.570588",
-                        width: "288.859",
-                        height: "160.859",
-                        rx: "8.55882",
-                        stroke: "#E2E2E2",
-                        strokeWidth: "1.14118"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",
-                        fill: "#3C67FF",
-                        fillOpacity: "0.1"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",
-                        fill: "#7190FF"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",
-                        fill: "#7190FF"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("path", {
-                        d: "M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",
-                        fill: "#7190FF"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "157.482",
-                        y: "45.647",
-                        width: "83.3059",
-                        height: "11.4118",
-                        rx: "5.70588",
-                        fill: "#AAAAAA"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "157.5",
-                        y: "98.9995",
-                        width: "48",
-                        height: "18",
-                        rx: "9",
-                        fill: "#3C67FF"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "157.5",
-                        y: "66.9995",
-                        width: "68",
-                        height: "5",
-                        rx: "2.5",
-                        fill: "#E2E2E2"
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                        x: "157.5",
-                        y: "79.9995",
-                        width: "52",
-                        height: "5",
-                        rx: "2.5",
-                        fill: "#E2E2E2"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-flex gp-flex-col gp-items-center",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",
-                        children: isFunnelSalesPage ? 'Start building with Sections/Elements or' : 'Start with Sections from sidebar'
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-flex gp-gap-3 gp-justify-between",
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                "data-button-add-section": true,
-                                onClick: ()=>{
-                                    if (isFunnelSalesPage) {
-                                        dispatchEventBuildWithTemplateActiveTab('funnelExisting');
-                                    } else dispatchEventBuildWithSectionActiveTab(true);
-                                },
-                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",
-                                children: isFunnelSalesPage ? 'Use existing page designs' : 'Add sections'
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                "data-button-add-elements": true,
-                                onClick: ()=>{
-                                    if (isFunnelSalesPage) {
-                                        dispatchEventBuildWithTemplateActiveTab('templates');
-                                    } else dispatchEventBuildWithSectionActiveTab(false);
-                                },
-                                className: "gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",
-                                children: isFunnelSalesPage ? 'Explore templates' : 'Add elements'
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "gp-my-6",
-                        children: /*#__PURE__*/ jsxRuntime.jsxs("svg", {
-                            width: "338",
-                            height: "24",
-                            viewBox: "0 0 338 24",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg",
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                                    width: "150",
-                                    height: "1",
-                                    transform: "translate(0 11.4999)",
-                                    fill: "#D6D6D6"
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                    d: "M166.395 17.159C165.705 17.159 165.101 16.995 164.58 16.6668C164.063 16.3387 163.659 15.8797 163.367 15.2897C163.079 14.6997 162.935 14.0104 162.935 13.2215C162.935 12.4261 163.079 11.7317 163.367 11.1384C163.659 10.5452 164.063 10.0845 164.58 9.75633C165.101 9.42821 165.705 9.26414 166.395 9.26414C167.084 9.26414 167.688 9.42821 168.205 9.75633C168.725 10.0845 169.129 10.5452 169.418 11.1384C169.709 11.7317 169.855 12.4261 169.855 13.2215C169.855 14.0104 169.709 14.6997 169.418 15.2897C169.129 15.8797 168.725 16.3387 168.205 16.6668C167.688 16.995 167.084 17.159 166.395 17.159ZM166.395 16.1051C166.919 16.1051 167.349 15.9708 167.688 15.7024C168.026 15.4339 168.276 15.0809 168.438 14.6434C168.601 14.2059 168.682 13.7319 168.682 13.2215C168.682 12.7111 168.601 12.2355 168.438 11.7947C168.276 11.3539 168.026 10.9976 167.688 10.7258C167.349 10.454 166.919 10.3181 166.395 10.3181C165.871 10.3181 165.44 10.454 165.102 10.7258C164.764 10.9976 164.514 11.3539 164.352 11.7947C164.189 12.2355 164.108 12.7111 164.108 13.2215C164.108 13.7319 164.189 14.2059 164.352 14.6434C164.514 15.0809 164.764 15.4339 165.102 15.7024C165.44 15.9708 165.871 16.1051 166.395 16.1051ZM171.646 16.9999V9.36358H172.78V10.517H172.859C172.998 10.1391 173.25 9.83256 173.615 9.59724C173.979 9.36192 174.39 9.24426 174.848 9.24426C174.934 9.24426 175.042 9.24591 175.171 9.24923C175.3 9.25254 175.398 9.25751 175.464 9.26414V10.4573C175.425 10.4474 175.333 10.4325 175.191 10.4126C175.052 10.3894 174.904 10.3778 174.748 10.3778C174.377 10.3778 174.046 10.4557 173.754 10.6114C173.466 10.7639 173.237 10.976 173.068 11.2478C172.902 11.5163 172.819 11.8229 172.819 12.1676V16.9999H171.646Z",
-                                    fill: "#676767"
-                                }),
-                                /*#__PURE__*/ jsxRuntime.jsx("rect", {
-                                    width: "150",
-                                    height: "1",
-                                    transform: "translate(188 11.4999)",
-                                    fill: "#D6D6D6"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                        className: "gp-flex gp-items-center gp-gap-2 gp-text-xs",
-                        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                            onClick: handleClickGenerate,
-                            "aria-hidden": "true",
-                            id: "gp-img-to-layout-gallery-btn",
-                            className: "gp-relative gp-cursor-pointer gp-text-[14px] gp-font-medium gp-text-[#3C67FF]",
-                            children: "Start with Generating from URL or image"
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.DropElement = DropElement;
+'use client';
+"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const SALE_FUNNEL_PAGE_TYPES=["GP_FUNNEL_PAGE","GP_PRE_SALE_PAGE"],DropElement=()=>{let{t:e}=core.useI18n(),t=core.useShopStore(e=>e.pageType),i=SALE_FUNNEL_PAGE_TYPES.includes(t||""),s=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)},n=e=>{let t=new CustomEvent("editor:sidebar:build-with-template-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)},l=e=>{let t=new CustomEvent("editor:sidebar:click-img-to-layout-gallery-btn",e);window.dispatchEvent(t)};return jsxRuntime.jsxs("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[jsxRuntime.jsxs("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[jsxRuntime.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),jsxRuntime.jsx("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),jsxRuntime.jsx("path",{d:"M22.2529 29.6708C22.2529 25.8893 25.3185 22.8237 29.1 22.8237H126.1C129.882 22.8237 132.947 25.8893 132.947 29.6708V132.377C132.947 136.158 129.882 139.224 126.1 139.224H29.1C25.3185 139.224 22.2529 136.158 22.2529 132.377V29.6708Z",fill:"#3C67FF",fillOpacity:"0.1"}),jsxRuntime.jsx("path",{d:"M76.0283 91.1587C77.3298 92.6353 76.2754 94.958 74.3066 94.9513L57.7218 94.8955C55.762 94.8889 54.7231 92.5777 56.0182 91.1058L64.2787 81.7175C65.1873 80.6849 66.7951 80.6836 67.7039 81.7146L76.0283 91.1587Z",fill:"#7190FF"}),jsxRuntime.jsx("path",{d:"M98.1352 91.1406C99.4315 92.62 98.3727 94.9382 96.4053 94.9282L67.9725 94.7838C66.0044 94.7738 64.9727 92.4437 66.2873 90.9779L80.6046 75.0135C81.5189 73.994 83.118 74.0026 84.0198 75.0318L98.1352 91.1406Z",fill:"#7190FF"}),jsxRuntime.jsx("path",{d:"M63.2783 74.2252C66.1589 73.8964 68.1647 71.3676 67.8369 68.478C67.5091 65.5883 64.9883 63.5762 62.1077 63.905C59.2272 64.2338 57.2214 66.7626 57.5492 69.6523C57.877 72.5419 60.3978 74.554 63.2783 74.2252Z",fill:"#7190FF"}),jsxRuntime.jsx("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),jsxRuntime.jsx("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),jsxRuntime.jsx("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),jsxRuntime.jsx("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-items-center",children:[jsxRuntime.jsx("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:e(i?"Start building with Sections/Elements or":"Start with Sections from sidebar")}),jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-3 gp-justify-between",children:[jsxRuntime.jsx("button",{"data-button-add-section":!0,onClick:()=>{i?n("funnelExisting"):s(!0)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#1C1C1C] gp-text-[14px] gp-text-white hover:gp-bg-[#3B3B3B]",children:e(i?"Use existing page designs":"Add sections")}),jsxRuntime.jsx("button",{"data-button-add-elements":!0,onClick:()=>{i?n("templates"):s(!1)},className:"gp-flex gp-h-[40px] gp-px-6 gp-items-center gp-font-medium gp-justify-center gp-rounded-[8px] gp-bg-[#f4f4f4] gp-text-[14px] gp-text-[#212121] hover:gp-bg-[#E2E2E2]",children:e(i?"Explore templates":"Add elements")})]}),jsxRuntime.jsx("div",{className:"gp-my-6",children:jsxRuntime.jsxs("svg",{width:"338",height:"24",viewBox:"0 0 338 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"150",height:"1",transform:"translate(0 11.4999)",fill:"#D6D6D6"}),jsxRuntime.jsx("path",{d:"M166.395 17.159C165.705 17.159 165.101 16.995 164.58 16.6668C164.063 16.3387 163.659 15.8797 163.367 15.2897C163.079 14.6997 162.935 14.0104 162.935 13.2215C162.935 12.4261 163.079 11.7317 163.367 11.1384C163.659 10.5452 164.063 10.0845 164.58 9.75633C165.101 9.42821 165.705 9.26414 166.395 9.26414C167.084 9.26414 167.688 9.42821 168.205 9.75633C168.725 10.0845 169.129 10.5452 169.418 11.1384C169.709 11.7317 169.855 12.4261 169.855 13.2215C169.855 14.0104 169.709 14.6997 169.418 15.2897C169.129 15.8797 168.725 16.3387 168.205 16.6668C167.688 16.995 167.084 17.159 166.395 17.159ZM166.395 16.1051C166.919 16.1051 167.349 15.9708 167.688 15.7024C168.026 15.4339 168.276 15.0809 168.438 14.6434C168.601 14.2059 168.682 13.7319 168.682 13.2215C168.682 12.7111 168.601 12.2355 168.438 11.7947C168.276 11.3539 168.026 10.9976 167.688 10.7258C167.349 10.454 166.919 10.3181 166.395 10.3181C165.871 10.3181 165.44 10.454 165.102 10.7258C164.764 10.9976 164.514 11.3539 164.352 11.7947C164.189 12.2355 164.108 12.7111 164.108 13.2215C164.108 13.7319 164.189 14.2059 164.352 14.6434C164.514 15.0809 164.764 15.4339 165.102 15.7024C165.44 15.9708 165.871 16.1051 166.395 16.1051ZM171.646 16.9999V9.36358H172.78V10.517H172.859C172.998 10.1391 173.25 9.83256 173.615 9.59724C173.979 9.36192 174.39 9.24426 174.848 9.24426C174.934 9.24426 175.042 9.24591 175.171 9.24923C175.3 9.25254 175.398 9.25751 175.464 9.26414V10.4573C175.425 10.4474 175.333 10.4325 175.191 10.4126C175.052 10.3894 174.904 10.3778 174.748 10.3778C174.377 10.3778 174.046 10.4557 173.754 10.6114C173.466 10.7639 173.237 10.976 173.068 11.2478C172.902 11.5163 172.819 11.8229 172.819 12.1676V16.9999H171.646Z",fill:"#676767"}),jsxRuntime.jsx("rect",{width:"150",height:"1",transform:"translate(188 11.4999)",fill:"#D6D6D6"})]})}),jsxRuntime.jsx("div",{className:"gp-flex gp-items-center gp-gap-2 gp-text-xs",children:jsxRuntime.jsx("div",{onClick:l,"aria-hidden":"true",id:"gp-img-to-layout-gallery-btn",className:"gp-relative gp-cursor-pointer gp-text-[14px] gp-font-medium gp-text-[#3C67FF]",children:e("Start with Generating from URL or image")})})]})]})};exports.DropElement=DropElement;

package/dist/cjs/components/image-to-layout/ImageToLayout.js

@@ -1,41 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var DropElement = require('./DropElement.js');
-
-const HEADER_HEIGHT = 40;
-const FOOTER_HEIGHT = 50;
-const ImageToLayout = ({ editorImageToLayout })=>{
-    const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
-    const loaded = core.useBuilderPreviewStore((state)=>state.loaded);
-    if (!loaded) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                id: "gp-img-to-layout-wrapper",
-                className: core.cls(`sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]`, {
-                    'gp-hidden': !editorImageToLayout || !!totalSection,
-                    'gp-flex': editorImageToLayout && !totalSection
-                }),
-                style: {
-                    height: `calc(100vh - ${FOOTER_HEIGHT + HEADER_HEIGHT}px)`
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    id: "gps-gem-ai-input-wrapper",
-                    className: "mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",
-                    children: /*#__PURE__*/ jsxRuntime.jsx(DropElement.DropElement, {})
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "limited-section"
-            })
-        ]
-    });
-};
-
-exports.default = ImageToLayout;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),DropElement=require("./DropElement.js");const HEADER_HEIGHT=40,FOOTER_HEIGHT=50,ImageToLayout=({editorImageToLayout:e})=>{let t=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),r=core.useBuilderPreviewStore(e=>e.loaded);return r?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{id:"gp-img-to-layout-wrapper",className:core.cls("sf-add-section-placeholder tablet:!gp-px-0 gps-base-font-family gp-flex-1 gp-flex-col gp-bg-[#F4F4F4]",{"gp-hidden":!e||!!t,"gp-flex":e&&!t}),style:{height:"calc(100vh - 90px)"},children:jsxRuntime.jsx("div",{id:"gps-gem-ai-input-wrapper",className:"mobile:gp-px-[0px] gp-flex gp-h-full gp-w-full gp-flex-1 gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-white gp-px-[72px] gp-py-[32px]",children:jsxRuntime.jsx(DropElement.DropElement,{})})}),jsxRuntime.jsx("div",{className:"limited-section"})]}):null};exports.default=ImageToLayout;

package/dist/cjs/constants/index.js

@@ -0,0 +1 @@
+"use strict";exports.PublishedThemePageMetafields=void 0,function(e){e.CUSTOM_CODE_HEADER="custom_code_header",e.CUSTOM_CODE_BODY="custom_code_body",e.ANALYTICS_GA_TRACKING_ID="analytics_ga_tracking_id",e.ANALYTICS_FB_PIXEL_ID="analytics_fb_pixel_id",e.ANALYTICS_TIKTOK_PIXEL_ID="analytics_tiktok_pixel_id",e.GLOBAL_META_DESCRIPTION="global-meta-description",e.GLOBAL_META_TITLE="global-meta-title",e.GLOBAL_META_THUMBNAIL="global-meta-thumbnail",e.NOINDEX_KEY="noindex",e.NOFOLLOW_KEY="nofollow"}(exports.PublishedThemePageMetafields||(exports.PublishedThemePageMetafields={}));