@gem-sdk/pages 2.0.0-dev.878 → 2.0.0-dev.884
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Header.js +1 -1
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +1 -1
- package/dist/cjs/components/image-to-layout/DropElement.js +1 -1
- package/dist/esm/components/Header.js +1 -1
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +1 -1
- package/dist/esm/components/image-to-layout/DropElement.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},HEADER_OFF_COLOR="#F4F4F4",sizeCheck={desktop:"24px",tablet:"36px",mobile:"36px"},Header=e=>{let{pageType:s,isOriginTemplate:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core");const defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},HEADER_OFF_COLOR="#F4F4F4",sizeCheck={desktop:"24px",tablet:"36px",mobile:"36px"},Header=e=>{let{pageType:s,isOriginTemplate:i}=e,t=core.useShopStore(e=>e.layoutSettings);return jsxRuntime.jsx("div",{className:core.cls("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===s?jsxRuntime.jsx("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:jsxRuntime.jsxs("div",{className:"tablet:gp-items-center gp-flex gp-py-3",children:[jsxRuntime.jsxs("svg",{style:{...core.makeStyleResponsive("w",sizeCheck),...core.makeStyleResponsive("h",sizeCheck)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.7244 10.6242C15.9587 10.3899 15.9587 10.01 15.7244 9.77571C15.49 9.5414 15.1101 9.5414 14.8758 9.77571L11.1001 13.5514L9.42436 11.8757C9.19005 11.6414 8.81015 11.6414 8.57583 11.8757C8.34152 12.11 8.34152 12.4899 8.57583 12.7242L10.6758 14.8242C10.9101 15.0586 11.29 15.0586 11.5244 14.8242L15.7244 10.6242Z",fill:"#197BBD"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4001 12C20.4001 16.6392 16.6393 20.4 12.0001 20.4C7.36091 20.4 3.6001 16.6392 3.6001 12C3.6001 7.36078 7.36091 3.59998 12.0001 3.59998C16.6393 3.59998 20.4001 7.36078 20.4001 12ZM19.2001 12C19.2001 15.9764 15.9765 19.2 12.0001 19.2C8.02365 19.2 4.8001 15.9764 4.8001 12C4.8001 8.02352 8.02365 4.79998 12.0001 4.79998C15.9765 4.79998 19.2001 8.02352 19.2001 12Z",fill:"#197BBD"})]}),jsxRuntime.jsxs("div",{className:"gp-ml-4",children:[jsxRuntime.jsx("p",{className:"gp-text-sm",children:"Order #1001"}),jsxRuntime.jsx("p",{children:"You’ve paid for your order."}),jsxRuntime.jsxs("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[jsxRuntime.jsx("div",{className:"gp-text-sm",children:"View order confirmation"}),jsxRuntime.jsx("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.6318 9.21817C4.45607 9.04244 4.45607 8.75751 4.6318 8.58178L6.7136 6.49998L4.6318 4.41817C4.45607 4.24244 4.45607 3.95751 4.6318 3.78178C4.80754 3.60604 5.09246 3.60604 5.2682 3.78178L7.6682 6.18178C7.84393 6.35751 7.84393 6.64244 7.6682 6.81817L5.2682 9.21817C5.09246 9.39391 4.80754 9.39391 4.6318 9.21817Z",fill:"#197BBD"})})]})]})]})}):jsxRuntime.jsxs("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...core.makeStyleResponsive("ml",defaultMargin),...core.makeStyleResponsive("mr",defaultMargin)},children:[jsxRuntime.jsxs("svg",{width:"84",height:"8",viewBox:"0 0 84 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4C22 6.20914 20.2091 8 18 8H4C1.79086 8 0 6.20914 0 4Z",fill:t?.showHeader?"#9E9E9E":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H80C82.2091 0 84 1.79086 84 4C84 6.20914 82.2091 8 80 8H32C29.7909 8 28 6.20914 28 4Z",fill:t?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]}),!i&&jsxRuntime.jsx("div",{className:"gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#0000001a] group-hover:gp-visible",children:jsxRuntime.jsx("div",{className:"gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",children:jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})})}),jsxRuntime.jsxs("svg",{width:"192",height:"8",viewBox:"0 0 192 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H52C54.2091 0 56 1.79086 56 4C56 6.20914 54.2091 8 52 8H4C1.79086 8 0 6.20914 0 4Z",fill:t?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M68 4C68 1.79086 69.7909 0 72 0H120C122.209 0 124 1.79086 124 4C124 6.20914 122.209 8 120 8H72C69.7909 8 68 6.20914 68 4Z",fill:t?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),jsxRuntime.jsx("path",{d:"M136 4C136 1.79086 137.791 0 140 0H188C190.209 0 192 1.79086 192 4C192 6.20914 190.209 8 188 8H140C137.791 8 136 6.20914 136 4Z",fill:t?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]})]})})};exports.default=Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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"},{title:"Insert URL",content:"to generate layout",hasAILogo:!0,id:"gps-add-section-bottom-from-url"},{title:"Upload image",content:"to generate layout",hasAILogo:!0,id:"gps-add-section-bottom-from-image"}],POST_PURCHASE_PAGE_DATA=[{title:"Blank section",content:"to start from scratch",hasAILogo:!1,id:"gps-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.useShopStore(e=>e.layoutSettings),s=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),[i,p]=react.useState(""),[n,o]=react.useState(!1),r=core.useShopStore(e=>e.pageType),a=BASE_DATA;if("POST_PURCHASE"===r){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];a=[...POST_PURCHASE_PAGE_DATA,...BASE_DATA].filter(t=>!e.includes(t.id))}react.useEffect(()=>{n&&0!==s||(p(""),o(!1))},[n,s]);let l=core.useBuilderPreviewStore(e=>e.loaded),g=react.useMemo(()=>{let e=0;return t?.showFooter&&(e+=48),e},[t?.showFooter]);return l?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]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${g+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:"Add section"}),a.map(e=>jsxRuntime.jsxs("div",{className:`gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${n?"gp-hidden":"gp-flex"}`,id:e.id,"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:[e.title,e.hasAILogo&&jsxRuntime.jsxs("svg",{width:"35",height:"20",viewBox:"0 0 35 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",fill:"#EBDDF8"}),jsxRuntime.jsx("path",{d:"M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",fill:"url(#paint0_linear_5214_50736)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_5214_50736",x1:"31",y1:"15.2703",x2:"3.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:e.content})})]},e.id)),jsxRuntime.jsxs("div",{className:`gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${n?"gp-flex":"gp-hidden"}`,children:[jsxRuntime.jsx("div",{"aria-hidden":!0,id:"image-to-layout-input-wrapper-add-section-close",onClick:()=>o(!1),className:"gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",fill:"#212121"})})}),jsxRuntime.jsxs("div",{className:"image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",children:[i?jsxRuntime.jsxs("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",fill:"url(#paint0_linear_5189_39651)"}),jsxRuntime.jsx("path",{d:"M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",fill:"url(#paint1_linear_5189_39651)"}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint1_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}):jsxRuntime.jsxs("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",fill:"#9E9E9E"}),jsxRuntime.jsx("path",{d:"M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",fill:"#9E9E9E"})]}),jsxRuntime.jsx("input",{onChange:e=>{p(e.target.value)},autoComplete:"off",id:"gp-img-to-layout-bottom-input-link",placeholder:"Paste your link",className:"gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"}),jsxRuntime.jsx("div",{"aria-disabled":!i,id:"gp-img-to-layout-bottom-generate-btn",className:`generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${i?"":"gp-btn-disable gp-cursor-not-allowed"}`,children:"Generate"})]}),jsxRuntime.jsx("div",{className:"error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",children:jsxRuntime.jsx("span",{className:"gp-text-xs gp-text-[#C3362B]",children:"Please use an valid URL to generate"})})]})]})}):null};exports.default=AddSectionImageToLayout;
|
|
1
|
+
"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"},{title:"Insert URL",content:"to generate layout",hasAILogo:!1,id:"gps-add-section-bottom-from-url"},{title:"Upload image",content:"to generate layout",hasAILogo:!1,id:"gps-add-section-bottom-from-image"}],POST_PURCHASE_PAGE_DATA=[{title:"Blank section",content:"to start from scratch",hasAILogo:!1,id:"gps-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.useShopStore(e=>e.layoutSettings),s=core.useBuilderPreviewStore(e=>e.state.ROOT.childrens?.length),[i,p]=react.useState(""),[n,o]=react.useState(!1),r=core.useShopStore(e=>e.pageType),a=BASE_DATA;if("POST_PURCHASE"===r){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];a=[...POST_PURCHASE_PAGE_DATA,...BASE_DATA].filter(t=>!e.includes(t.id))}react.useEffect(()=>{n&&0!==s||(p(""),o(!1))},[n,s]);let l=core.useBuilderPreviewStore(e=>e.loaded),g=react.useMemo(()=>{let e=0;return t?.showFooter&&(e+=48),e},[t?.showFooter]);return l?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]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${g+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:"Add section"}),a.map(e=>jsxRuntime.jsxs("div",{className:`gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${n?"gp-hidden":"gp-flex"}`,id:e.id,"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:[e.title,e.hasAILogo&&jsxRuntime.jsxs("svg",{width:"35",height:"20",viewBox:"0 0 35 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",fill:"#EBDDF8"}),jsxRuntime.jsx("path",{d:"M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",fill:"url(#paint0_linear_5214_50736)"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_5214_50736",x1:"31",y1:"15.2703",x2:"3.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:e.content})})]},e.id)),jsxRuntime.jsxs("div",{className:`gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${n?"gp-flex":"gp-hidden"}`,children:[jsxRuntime.jsx("div",{"aria-hidden":!0,id:"image-to-layout-input-wrapper-add-section-close",onClick:()=>o(!1),className:"gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",children:jsxRuntime.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",fill:"#212121"})})}),jsxRuntime.jsxs("div",{className:"image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",children:[i?jsxRuntime.jsxs("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",fill:"url(#paint0_linear_5189_39651)"}),jsxRuntime.jsx("path",{d:"M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",fill:"url(#paint1_linear_5189_39651)"}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint1_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#874CFD"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}):jsxRuntime.jsxs("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("path",{d:"M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",fill:"#9E9E9E"}),jsxRuntime.jsx("path",{d:"M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",fill:"#9E9E9E"})]}),jsxRuntime.jsx("input",{onChange:e=>{p(e.target.value)},autoComplete:"off",id:"gp-img-to-layout-bottom-input-link",placeholder:"Paste your link",className:"gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"}),jsxRuntime.jsx("div",{"aria-disabled":!i,id:"gp-img-to-layout-bottom-generate-btn",className:`generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${i?"":"gp-btn-disable gp-cursor-not-allowed"}`,children:"Generate"})]}),jsxRuntime.jsx("div",{className:"error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",children:jsxRuntime.jsx("span",{className:"gp-text-xs gp-text-[#C3362B]",children:"Please use an valid URL to generate"})})]})]})}):null};exports.default=AddSectionImageToLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime");const DropElement=()=>{let e=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value: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:"Start with Sections from sidebar"}),jsxRuntime.jsxs("div",{className:"gp-flex gp-w-[291px] gp-justify-between",children:[jsxRuntime.jsx("button",{onClick:()=>e(!0),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add sections"}),jsxRuntime.jsx("button",{onClick:()=>e(!1),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"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.
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime");const DropElement=()=>{let e=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value: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:"Start with Sections from sidebar"}),jsxRuntime.jsxs("div",{className:"gp-flex gp-w-[291px] gp-justify-between",children:[jsxRuntime.jsx("button",{onClick:()=>e(!0),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add sections"}),jsxRuntime.jsx("button",{onClick:()=>e(!1),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"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",{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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useShopStore as
|
|
1
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useShopStore as i,cls as t,makeStyleResponsive as C}from"@gem-sdk/core";let defaultMargin={desktop:"40px",tablet:"40px",mobile:"40px"},HEADER_OFF_COLOR="#F4F4F4",sizeCheck={desktop:"24px",tablet:"36px",mobile:"36px"},Header=p=>{let{pageType:d,isOriginTemplate:r}=p,g=i(e=>e.layoutSettings);return e("div",{className:t("gp-header-container gp-border-1 gp-group gp-relative gp-flex gp-justify-center gp-border-b gp-border-[#EEEEEE] gp-font-sans"),children:"POST_PURCHASE"===d?e("div",{className:"gp-flex gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w, 1200px)",...C("ml",defaultMargin),...C("mr",defaultMargin)},children:l("div",{className:"tablet:gp-items-center gp-flex gp-py-3",children:[l("svg",{style:{...C("w",sizeCheck),...C("h",sizeCheck)},viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.7244 10.6242C15.9587 10.3899 15.9587 10.01 15.7244 9.77571C15.49 9.5414 15.1101 9.5414 14.8758 9.77571L11.1001 13.5514L9.42436 11.8757C9.19005 11.6414 8.81015 11.6414 8.57583 11.8757C8.34152 12.11 8.34152 12.4899 8.57583 12.7242L10.6758 14.8242C10.9101 15.0586 11.29 15.0586 11.5244 14.8242L15.7244 10.6242Z",fill:"#197BBD"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4001 12C20.4001 16.6392 16.6393 20.4 12.0001 20.4C7.36091 20.4 3.6001 16.6392 3.6001 12C3.6001 7.36078 7.36091 3.59998 12.0001 3.59998C16.6393 3.59998 20.4001 7.36078 20.4001 12ZM19.2001 12C19.2001 15.9764 15.9765 19.2 12.0001 19.2C8.02365 19.2 4.8001 15.9764 4.8001 12C4.8001 8.02352 8.02365 4.79998 12.0001 4.79998C15.9765 4.79998 19.2001 8.02352 19.2001 12Z",fill:"#197BBD"})]}),l("div",{className:"gp-ml-4",children:[e("p",{className:"gp-text-sm",children:"Order #1001"}),e("p",{children:"You’ve paid for your order."}),l("div",{className:"gp-mt-1 gp-flex gp-items-center gp-text-[#197BBD]",children:[e("div",{className:"gp-text-sm",children:"View order confirmation"}),e("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.6318 9.21817C4.45607 9.04244 4.45607 8.75751 4.6318 8.58178L6.7136 6.49998L4.6318 4.41817C4.45607 4.24244 4.45607 3.95751 4.6318 3.78178C4.80754 3.60604 5.09246 3.60604 5.2682 3.78178L7.6682 6.18178C7.84393 6.35751 7.84393 6.64244 7.6682 6.81817L5.2682 9.21817C5.09246 9.39391 4.80754 9.39391 4.6318 9.21817Z",fill:"#197BBD"})})]})]})]})}):l("div",{className:"gp-flex gp-h-[40px] gp-flex-1 gp-items-center gp-justify-between",style:{maxWidth:"var(--g-ct-w)",...C("ml",defaultMargin),...C("mr",defaultMargin)},children:[l("svg",{width:"84",height:"8",viewBox:"0 0 84 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4C22 6.20914 20.2091 8 18 8H4C1.79086 8 0 6.20914 0 4Z",fill:g?.showHeader?"#9E9E9E":HEADER_OFF_COLOR}),e("path",{d:"M28 4C28 1.79086 29.7909 0 32 0H80C82.2091 0 84 1.79086 84 4C84 6.20914 82.2091 8 80 8H32C29.7909 8 28 6.20914 28 4Z",fill:g?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]}),!r&&e("div",{className:"gp-header gp-invisible gp-absolute gp-left-[8px] gp-flex gp-h-[24px] gp-w-[24px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded gp-bg-[#EEEEEE] gp-p-[4px] hover:gp-bg-[#0000001a] group-hover:gp-visible",children:e("div",{className:"gp-flex gp-h-[24px] gp-w-[24px] gp-items-center gp-justify-center",children:l("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99985 4.08501C5.38983 4.08501 4.08465 5.39019 4.08465 7.00021C4.08465 8.61023 5.38983 9.9154 6.99985 9.9154C8.60987 9.9154 9.91504 8.61023 9.91504 7.00021C9.91504 5.39019 8.60987 4.08501 6.99985 4.08501ZM5.08465 7.00021C5.08465 5.94247 5.94211 5.08501 6.99985 5.08501C8.05758 5.08501 8.91504 5.94247 8.91504 7.00021C8.91504 8.05794 8.05758 8.9154 6.99985 8.9154C5.94211 8.9154 5.08465 8.05794 5.08465 7.00021Z",fill:"#212121"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.52351 0.00390625C5.28138 0.00390625 5.07405 0.177388 5.03135 0.415715L4.7415 2.03321C4.40346 2.18248 4.08346 2.36419 3.78558 2.57432L2.18557 2.00147C1.95684 1.91958 1.70235 2.01395 1.58232 2.22517L0.122204 4.79451C0.00217064 5.00572 0.0513362 5.27266 0.238747 5.42725L1.50086 6.46836C1.48358 6.64355 1.47474 6.82106 1.47474 7.00047C1.47474 7.17981 1.48357 7.35726 1.50084 7.53238L0.238747 8.57347C0.0513362 8.72806 0.00217064 8.995 0.122203 9.20622L1.58232 11.7756C1.70235 11.9868 1.95684 12.0811 2.18557 11.9993L3.78537 11.4265C4.08332 11.6367 4.40341 11.8185 4.74155 11.9678L5.03135 13.585C5.07405 13.8233 5.28138 13.9968 5.52351 13.9968H8.47647C8.7186 13.9968 8.92593 13.8233 8.96863 13.585L9.25846 11.9676C9.5965 11.8183 9.91649 11.6365 10.2144 11.4264L11.8144 11.9993C12.0431 12.0811 12.2976 11.9868 12.4177 11.7756L13.8778 9.20622C13.9978 8.995 13.9486 8.72806 13.7612 8.57347L12.4988 7.5321C12.516 7.35706 12.5249 7.17971 12.5249 7.00047C12.5249 6.82116 12.516 6.64375 12.4988 6.46864L13.7612 5.42725C13.9486 5.27266 13.9978 5.00572 13.8778 4.79451L12.4177 2.22517C12.2976 2.01395 12.0431 1.91958 11.8144 2.00147L10.2141 2.57441C9.91636 2.36433 9.59645 2.18264 9.25851 2.0334L8.96863 0.415715C8.92593 0.177389 8.7186 0.00390625 8.47647 0.00390625H5.52351ZM5.67747 2.47943L5.94187 1.00391H8.0581L8.32253 2.47958C8.35348 2.6523 8.47271 2.79616 8.63668 2.85863C9.06768 3.02283 9.46674 3.25007 9.82215 3.5288C9.95734 3.63483 10.1375 3.66402 10.2993 3.6061L11.7559 3.08459L12.8007 4.92323L11.6503 5.8722C11.5145 5.98427 11.4476 6.15956 11.4743 6.33366C11.5076 6.55089 11.5249 6.77354 11.5249 7.00047C11.5249 7.22735 11.5076 7.44993 11.4743 7.66711C11.4476 7.8412 11.5145 8.01648 11.6504 8.12855L12.8007 9.07749L11.7559 10.9161L10.2994 10.3947C10.1377 10.3368 9.95752 10.366 9.82233 10.472C9.46686 10.7508 9.06773 10.9781 8.63664 11.1423C8.47267 11.2048 8.35344 11.3487 8.32249 11.5214L8.0581 12.9968H5.94187L5.67752 11.5215C5.64656 11.3488 5.52732 11.2049 5.36333 11.1425C4.93215 10.9782 4.53292 10.7509 4.17738 10.4721C4.04219 10.3661 3.86203 10.3369 3.70027 10.3948L2.24412 10.9161L1.19924 9.07749L2.34929 8.12883C2.48516 8.01675 2.55204 7.84146 2.52535 7.66736C2.49205 7.4501 2.47474 7.22743 2.47474 7.00047C2.47474 6.77345 2.49206 6.55072 2.52538 6.33341C2.55207 6.15931 2.48519 5.984 2.34932 5.87192L1.19924 4.92323L2.24412 3.08459L3.70047 3.60601C3.86221 3.66392 4.04236 3.63474 4.17755 3.52872C4.53304 3.24994 4.93219 3.02269 5.36329 2.85849C5.52728 2.79603 5.64652 2.65216 5.67747 2.47943Z",fill:"#212121"})]})})}),l("svg",{width:"192",height:"8",viewBox:"0 0 192 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 4C0 1.79086 1.79086 0 4 0H52C54.2091 0 56 1.79086 56 4C56 6.20914 54.2091 8 52 8H4C1.79086 8 0 6.20914 0 4Z",fill:g?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),e("path",{d:"M68 4C68 1.79086 69.7909 0 72 0H120C122.209 0 124 1.79086 124 4C124 6.20914 122.209 8 120 8H72C69.7909 8 68 6.20914 68 4Z",fill:g?.showHeader?"#D6D6D6":HEADER_OFF_COLOR}),e("path",{d:"M136 4C136 1.79086 137.791 0 140 0H188C190.209 0 192 1.79086 192 4C192 6.20914 190.209 8 188 8H140C137.791 8 136 6.20914 136 4Z",fill:g?.showHeader?"#D6D6D6":HEADER_OFF_COLOR})]})]})})};export{Header as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as p,useEffect as i,useMemo as o}from"react";import{useShopStore as a,useBuilderPreviewStore as g,makeStyleResponsive as l}from"@gem-sdk/core";let BASE_DATA=[{title:"Choose templates",content:"inspired by CRO experts",hasAILogo:!1,id:"gps-add-section-bottom-from-library"},{title:"Insert URL",content:"to generate layout",hasAILogo:!0,id:"gps-add-section-bottom-from-url"},{title:"Upload image",content:"to generate layout",hasAILogo:!0,id:"gps-add-section-bottom-from-image"}],POST_PURCHASE_PAGE_DATA=[{title:"Blank section",content:"to start from scratch",hasAILogo:!1,id:"gps-add-section-blank"}],FOOTER_HEIGHT=48,defaultPadding={desktop:"var(--g-ct-p)",tablet:"var(--g-ct-p)",mobile:"var(--g-ct-p)"},AddSectionImageToLayout=({editorImageToLayout:n})=>{let r=a(e=>e.layoutSettings),C=g(e=>e.state.ROOT.childrens?.length),[d,s]=p(""),[c,m]=p(!1),x=a(e=>e.pageType),h=BASE_DATA;if("POST_PURCHASE"===x){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];h=[...POST_PURCHASE_PAGE_DATA,...BASE_DATA].filter(t=>!e.includes(t.id))}i(()=>{c&&0!==C||(s(""),m(!1))},[c,C]);let f=g(e=>e.loaded),u=o(()=>{let e=0;return r?.showFooter&&(e+=48),e},[r?.showFooter]);return f?e("div",{id:"gps-add-section-image-to-layout-of-bottom",className:`gp-justify-center ${C&&n?"gp-flex":"gp-hidden"}`,style:{...l("pl",defaultPadding),...l("pr",defaultPadding)},children:t("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]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${u+48}px`},children:[e("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"}),h.map(p=>t("div",{className:`gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${c?"gp-hidden":"gp-flex"}`,id:p.id,"aria-hidden":!0,children:[t("div",{className:"gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",children:[p.title,p.hasAILogo&&t("svg",{width:"35",height:"20",viewBox:"0 0 35 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",fill:"#EBDDF8"}),e("path",{d:"M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",fill:"url(#paint0_linear_5214_50736)"}),e("defs",{children:t("linearGradient",{id:"paint0_linear_5214_50736",x1:"31",y1:"15.2703",x2:"3.99944",y2:"15.2287",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]})})]})]}),e("div",{className:"gp-flex gp-items-center",children:e("span",{className:"gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",children:p.content})})]},p.id)),t("div",{className:`gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${c?"gp-flex":"gp-hidden"}`,children:[e("div",{"aria-hidden":!0,id:"image-to-layout-input-wrapper-add-section-close",onClick:()=>m(!1),className:"gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",fill:"#212121"})})}),t("div",{className:"image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",children:[d?t("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",fill:"url(#paint0_linear_5189_39651)"}),e("path",{d:"M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",fill:"url(#paint1_linear_5189_39651)"}),t("defs",{children:[t("linearGradient",{id:"paint0_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]}),t("linearGradient",{id:"paint1_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}):t("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",fill:"#9E9E9E"}),e("path",{d:"M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",fill:"#9E9E9E"})]}),e("input",{onChange:e=>{s(e.target.value)},autoComplete:"off",id:"gp-img-to-layout-bottom-input-link",placeholder:"Paste your link",className:"gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"}),e("div",{"aria-disabled":!d,id:"gp-img-to-layout-bottom-generate-btn",className:`generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${d?"":"gp-btn-disable gp-cursor-not-allowed"}`,children:"Generate"})]}),e("div",{className:"error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",children:e("span",{className:"gp-text-xs gp-text-[#C3362B]",children:"Please use an valid URL to generate"})})]})]})}):null};export{AddSectionImageToLayout as default};
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as p,useEffect as i,useMemo as o}from"react";import{useShopStore as a,useBuilderPreviewStore as g,makeStyleResponsive as l}from"@gem-sdk/core";let BASE_DATA=[{title:"Choose templates",content:"inspired by CRO experts",hasAILogo:!1,id:"gps-add-section-bottom-from-library"},{title:"Insert URL",content:"to generate layout",hasAILogo:!1,id:"gps-add-section-bottom-from-url"},{title:"Upload image",content:"to generate layout",hasAILogo:!1,id:"gps-add-section-bottom-from-image"}],POST_PURCHASE_PAGE_DATA=[{title:"Blank section",content:"to start from scratch",hasAILogo:!1,id:"gps-add-section-blank"}],FOOTER_HEIGHT=48,defaultPadding={desktop:"var(--g-ct-p)",tablet:"var(--g-ct-p)",mobile:"var(--g-ct-p)"},AddSectionImageToLayout=({editorImageToLayout:n})=>{let r=a(e=>e.layoutSettings),C=g(e=>e.state.ROOT.childrens?.length),[d,s]=p(""),[c,m]=p(!1),x=a(e=>e.pageType),h=BASE_DATA;if("POST_PURCHASE"===x){let e=["gps-add-section-bottom-from-url","gps-add-section-bottom-from-image","gps-add-section-bottom-from-library"];h=[...POST_PURCHASE_PAGE_DATA,...BASE_DATA].filter(t=>!e.includes(t.id))}i(()=>{c&&0!==C||(s(""),m(!1))},[c,C]);let f=g(e=>e.loaded),u=o(()=>{let e=0;return r?.showFooter&&(e+=48),e},[r?.showFooter]);return f?e("div",{id:"gps-add-section-image-to-layout-of-bottom",className:`gp-justify-center ${C&&n?"gp-flex":"gp-hidden"}`,style:{...l("pl",defaultPadding),...l("pr",defaultPadding)},children:t("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]",style:{maxWidth:"var(--g-ct-w)",marginBottom:`${u+48}px`},children:[e("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"}),h.map(p=>t("div",{className:`gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 ${c?"gp-hidden":"gp-flex"}`,id:p.id,"aria-hidden":!0,children:[t("div",{className:"gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",children:[p.title,p.hasAILogo&&t("svg",{width:"35",height:"20",viewBox:"0 0 35 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M0 3C0 1.34315 1.34315 0 3 0H32C33.6569 0 35 1.34315 35 3V17C35 18.6569 33.6569 20 32 20H3C1.34315 20 0 18.6569 0 17V3Z",fill:"#EBDDF8"}),e("path",{d:"M4.95881 14V5.27273H8.15483C8.77415 5.27273 9.28693 5.375 9.69318 5.57955C10.0994 5.78125 10.4034 6.0554 10.6051 6.40199C10.8068 6.74574 10.9077 7.13352 10.9077 7.56534C10.9077 7.92898 10.8409 8.2358 10.7074 8.4858C10.5739 8.73295 10.3949 8.93182 10.1705 9.08239C9.94886 9.23011 9.70455 9.33807 9.4375 9.40625V9.49148C9.72727 9.50568 10.0099 9.59943 10.2855 9.77273C10.5639 9.94318 10.794 10.1861 10.9759 10.5014C11.1577 10.8168 11.2486 11.2003 11.2486 11.652C11.2486 12.098 11.1435 12.4986 10.9332 12.8537C10.7259 13.206 10.4048 13.4858 9.97017 13.6932C9.53551 13.8977 8.98011 14 8.30398 14H4.95881ZM6.27557 12.8707H8.17614C8.80682 12.8707 9.25852 12.7486 9.53125 12.5043C9.80398 12.2599 9.94034 11.9545 9.94034 11.5881C9.94034 11.3125 9.87074 11.0597 9.73153 10.8295C9.59233 10.5994 9.39347 10.4162 9.13494 10.2798C8.87926 10.1435 8.57528 10.0753 8.22301 10.0753H6.27557V12.8707ZM6.27557 9.0483H8.03977C8.33523 9.0483 8.60085 8.99148 8.83665 8.87784C9.07528 8.7642 9.2642 8.60511 9.40341 8.40057C9.54545 8.19318 9.61648 7.94886 9.61648 7.66761C9.61648 7.30682 9.49006 7.00426 9.23722 6.75994C8.98438 6.51562 8.59659 6.39347 8.07386 6.39347H6.27557V9.0483ZM15.5291 14.1321C14.8842 14.1321 14.3288 13.9943 13.8629 13.7188C13.3999 13.4403 13.0419 13.0497 12.7891 12.5469C12.5391 12.0412 12.4141 11.4489 12.4141 10.7699C12.4141 10.0994 12.5391 9.50852 12.7891 8.99716C13.0419 8.4858 13.3942 8.08665 13.8459 7.79972C14.3004 7.51278 14.8317 7.36932 15.4396 7.36932C15.8089 7.36932 16.1669 7.4304 16.5135 7.55256C16.8601 7.67472 17.1712 7.86648 17.4467 8.12784C17.7223 8.3892 17.9396 8.72869 18.0987 9.14631C18.2578 9.56108 18.3374 10.0653 18.3374 10.6591V11.1108H13.1342V10.1562H17.0888C17.0888 9.82102 17.0206 9.52415 16.8842 9.26562C16.7479 9.00426 16.5561 8.7983 16.3089 8.64773C16.0646 8.49716 15.7777 8.42188 15.4482 8.42188C15.0902 8.42188 14.7777 8.50994 14.5107 8.68608C14.2464 8.85937 14.0419 9.08665 13.897 9.3679C13.755 9.64631 13.6839 9.94886 13.6839 10.2756V11.0213C13.6839 11.4588 13.7607 11.831 13.9141 12.1378C14.0703 12.4446 14.2876 12.679 14.5661 12.8409C14.8445 13 15.1697 13.0795 15.5419 13.0795C15.7834 13.0795 16.0036 13.0455 16.2024 12.9773C16.4013 12.9062 16.5732 12.8011 16.718 12.6619C16.8629 12.5227 16.9737 12.3509 17.0504 12.1463L18.2564 12.3636C18.1598 12.7187 17.9865 13.0298 17.7365 13.2969C17.4893 13.5611 17.1783 13.767 16.8033 13.9148C16.4311 14.0597 16.0064 14.1321 15.5291 14.1321ZM22.8065 7.45455V8.47727H19.2312V7.45455H22.8065ZM20.19 5.88636H21.4641V12.0781C21.4641 12.3253 21.5011 12.5114 21.5749 12.6364C21.6488 12.7585 21.744 12.8423 21.8604 12.8878C21.9798 12.9304 22.109 12.9517 22.2482 12.9517C22.3505 12.9517 22.44 12.9446 22.5167 12.9304C22.5934 12.9162 22.6531 12.9048 22.6957 12.8963L22.9258 13.9489C22.8519 13.9773 22.7468 14.0057 22.6104 14.0341C22.4741 14.0653 22.3036 14.0824 22.0991 14.0852C21.7638 14.0909 21.4513 14.0312 21.1616 13.9062C20.8718 13.7812 20.6374 13.5881 20.4585 13.3267C20.2795 13.0653 20.19 12.7372 20.19 12.3423V5.88636ZM26.1207 14.1449C25.706 14.1449 25.331 14.0682 24.9957 13.9148C24.6605 13.7585 24.3949 13.5327 24.1989 13.2372C24.0057 12.9418 23.9091 12.5795 23.9091 12.1506C23.9091 11.7812 23.9801 11.4773 24.1222 11.2386C24.2642 11 24.456 10.8111 24.6974 10.6719C24.9389 10.5327 25.2088 10.4276 25.5071 10.3565C25.8054 10.2855 26.1094 10.2315 26.419 10.1946C26.8111 10.1491 27.1293 10.1122 27.3736 10.0838C27.6179 10.0526 27.7955 10.0028 27.9062 9.93466C28.017 9.86648 28.0724 9.75568 28.0724 9.60227V9.57244C28.0724 9.20028 27.9673 8.91193 27.7571 8.70739C27.5497 8.50284 27.2401 8.40057 26.8281 8.40057C26.3991 8.40057 26.0611 8.49574 25.8139 8.68608C25.5696 8.87358 25.4006 9.08239 25.3068 9.3125L24.1094 9.03977C24.2514 8.64205 24.4588 8.32102 24.7315 8.0767C25.0071 7.82955 25.3239 7.65057 25.6818 7.53977C26.0398 7.42614 26.4162 7.36932 26.8111 7.36932C27.0724 7.36932 27.3494 7.40057 27.642 7.46307C27.9375 7.52273 28.2131 7.63352 28.4688 7.79545C28.7273 7.95739 28.9389 8.18892 29.1037 8.49006C29.2685 8.78835 29.3509 9.17614 29.3509 9.65341V14H28.1065V13.1051H28.0554C27.973 13.2699 27.8494 13.4318 27.6847 13.5909C27.5199 13.75 27.3082 13.8821 27.0497 13.9872C26.7912 14.0923 26.4815 14.1449 26.1207 14.1449ZM26.3977 13.1222C26.75 13.1222 27.0511 13.0526 27.3011 12.9134C27.554 12.7741 27.7457 12.5923 27.8764 12.3679C28.0099 12.1406 28.0767 11.8977 28.0767 11.6392V10.7955C28.0313 10.8409 27.9432 10.8835 27.8125 10.9233C27.6847 10.9602 27.5384 10.9929 27.3736 11.0213C27.2088 11.0469 27.0483 11.071 26.892 11.0938C26.7358 11.1136 26.6051 11.1307 26.5 11.1449C26.2528 11.1761 26.027 11.2287 25.8224 11.3026C25.6207 11.3764 25.4588 11.483 25.3366 11.6222C25.2173 11.7585 25.1577 11.9403 25.1577 12.1676C25.1577 12.483 25.2741 12.7216 25.5071 12.8835C25.7401 13.0426 26.0369 13.1222 26.3977 13.1222Z",fill:"url(#paint0_linear_5214_50736)"}),e("defs",{children:t("linearGradient",{id:"paint0_linear_5214_50736",x1:"31",y1:"15.2703",x2:"3.99944",y2:"15.2287",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]})})]})]}),e("div",{className:"gp-flex gp-items-center",children:e("span",{className:"gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",children:p.content})})]},p.id)),t("div",{className:`gp-relative gp-max-w-[calc(100%_-_32px)] gp-items-center ${c?"gp-flex":"gp-hidden"}`,children:[e("div",{"aria-hidden":!0,id:"image-to-layout-input-wrapper-add-section-close",onClick:()=>m(!1),className:"gp-mr-2 gp-flex gp-h-[32px] gp-w-[32px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] hover:gp-bg-black/10",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M5.62928 4.21433C5.8296 4.02426 6.15437 4.02426 6.35468 4.21433C6.555 4.40441 6.555 4.71259 6.35468 4.90266L3.61734 7.50012L13.3918 7.50012C13.6679 7.50012 13.8918 7.72398 13.8918 8.00012C13.8918 8.27626 13.6679 8.50012 13.3918 8.50012L3.61729 8.50012L6.35468 11.0976C6.555 11.2877 6.555 11.5959 6.35468 11.7859C6.15437 11.976 5.8296 11.976 5.62928 11.7859L2.00229 8.3443C1.80197 8.15423 1.80197 7.84605 2.00229 7.65598L5.62928 4.21433Z",fill:"#212121"})})}),t("div",{className:"image-to-layout-input-wrapper-add-section gp-flex gp-h-[60px] gp-w-[500px] gp-max-w-[calc(100%_-_40px)] gp-items-center gp-rounded-[3px] gp-border gp-py-[10px] gp-pl-4 gp-pr-2",children:[d?t("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.0455 3.8397C14.9859 3.655 14.7246 3.655 14.6649 3.8397L14.3917 4.68545C14.2941 4.98763 14.0588 5.22549 13.7576 5.32633L12.9216 5.6063C12.7396 5.66724 12.7396 5.92466 12.9216 5.9856L13.7576 6.26557C14.0588 6.3664 14.2941 6.60426 14.3917 6.90645L14.6649 7.7522C14.7246 7.9369 14.9859 7.9369 15.0455 7.7522L15.3187 6.90645C15.4163 6.60426 15.6517 6.3664 15.9528 6.26557L16.7889 5.9856C16.9708 5.92466 16.9708 5.66724 16.7889 5.6063L15.9528 5.32633C15.6517 5.22549 15.4163 4.98763 15.3187 4.68545L15.0455 3.8397Z",fill:"url(#paint0_linear_5189_39651)"}),e("path",{d:"M10.0157 4.6343C9.9262 4.35725 9.53422 4.35725 9.44473 4.6343L8.49438 7.57649C8.20156 8.48304 7.49557 9.19662 6.5922 9.49912L3.70474 10.466C3.43175 10.5574 3.43175 10.9436 3.70474 11.035L6.59221 12.0019C7.49557 12.3044 8.20156 13.0179 8.49438 13.9245L9.44473 16.8667C9.53422 17.1437 9.9262 17.1437 10.0157 16.8667L10.966 13.9245C11.2589 13.0179 11.9649 12.3044 12.8682 12.0019L15.7557 11.035C16.0287 10.9436 16.0287 10.5574 15.7557 10.466L12.8682 9.49912C11.9649 9.19662 11.2589 8.48304 10.966 7.57649L10.0157 4.6343Z",fill:"url(#paint1_linear_5189_39651)"}),t("defs",{children:[t("linearGradient",{id:"paint0_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]}),t("linearGradient",{id:"paint1_linear_5189_39651",x1:"16.9254",y1:"13.9119",x2:"3.49971",y2:"13.8965",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#874CFD"}),e("stop",{offset:"1",stopColor:"#3C38E1"})]})]})]}):t("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.0455 3.3397C14.9859 3.155 14.7246 3.155 14.6649 3.3397L14.3917 4.18545C14.2941 4.48763 14.0588 4.72549 13.7576 4.82633L12.9216 5.1063C12.7396 5.16724 12.7396 5.42466 12.9216 5.4856L13.7576 5.76557C14.0588 5.8664 14.2941 6.10426 14.3917 6.40645L14.6649 7.2522C14.7246 7.4369 14.9859 7.4369 15.0455 7.2522L15.3187 6.40645C15.4163 6.10426 15.6517 5.8664 15.9528 5.76557L16.7889 5.4856C16.9708 5.42466 16.9708 5.16724 16.7889 5.1063L15.9528 4.82633C15.6517 4.72549 15.4163 4.48763 15.3187 4.18545L15.0455 3.3397Z",fill:"#9E9E9E"}),e("path",{d:"M10.0157 4.1343C9.9262 3.85725 9.53422 3.85725 9.44473 4.1343L8.49438 7.07649C8.20156 7.98304 7.49557 8.69662 6.5922 8.99912L3.70474 9.96602C3.43175 10.0574 3.43175 10.4436 3.70474 10.535L6.59221 11.5019C7.49557 11.8044 8.20156 12.5179 8.49438 13.4245L9.44473 16.3667C9.53422 16.6437 9.9262 16.6437 10.0157 16.3667L10.966 13.4245C11.2589 12.5179 11.9649 11.8044 12.8682 11.5019L15.7557 10.535C16.0287 10.4436 16.0287 10.0574 15.7557 9.96602L12.8682 8.99912C11.9649 8.69662 11.2589 7.98304 10.966 7.07649L10.0157 4.1343Z",fill:"#9E9E9E"})]}),e("input",{onChange:e=>{s(e.target.value)},autoComplete:"off",id:"gp-img-to-layout-bottom-input-link",placeholder:"Paste your link",className:"gp-ml-2 gp-mr-2 gp-h-[56px] gp-flex-1 gp-text-[14px] gp-text-[#676767] gp-outline-none"}),e("div",{"aria-disabled":!d,id:"gp-img-to-layout-bottom-generate-btn",className:`generate-image-to-layout-btn gp-flex gp-h-[36px] gp-w-[86px] gp-cursor-pointer gp-items-center gp-justify-center gp-rounded-[3px] gp-text-sm gp-font-medium gp-text-white ${d?"":"gp-btn-disable gp-cursor-not-allowed"}`,children:"Generate"})]}),e("div",{className:"error-url-bottom-add-section gp-max-w-[calc(100% - 40px)] gp-absolute gp-bottom-[-20px] gp-left-[40px] gp-mx-[-1px] gp-hidden gp-w-[500px] gp-items-center gp-justify-center",children:e("span",{className:"gp-text-xs gp-text-[#C3362B]",children:"Please use an valid URL to generate"})})]})]})}):null};export{AddSectionImageToLayout as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";let DropElement=()=>{let i=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),t("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"}),t("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"}),t("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"}),t("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"}),t("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),t("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),t("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),t("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e("div",{className:"gp-flex gp-flex-col gp-items-center",children:[t("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:"Start with Sections from sidebar"}),e("div",{className:"gp-flex gp-w-[291px] gp-justify-between",children:[t("button",{onClick:()=>i(!0),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add sections"}),t("button",{onClick:()=>i(!1),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add elements"})]}),t("div",{className:"gp-my-6",children:e("svg",{width:"338",height:"24",viewBox:"0 0 338 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{width:"150",height:"1",transform:"translate(0 11.4999)",fill:"#D6D6D6"}),t("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"}),t("rect",{width:"150",height:"1",transform:"translate(188 11.4999)",fill:"#D6D6D6"})]})}),
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";let DropElement=()=>{let i=e=>{let t=new CustomEvent("editor:sidebar:build-with-section-active-tab",{bubbles:!0,detail:{value:e}});window.dispatchEvent(t)};return e("div",{className:"gp-flex gp-w-full gp-flex-col gp-items-center gp-justify-center",children:[e("svg",{width:"290",height:"162",viewBox:"0 0 290 162",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"gp-mb-[24px]",children:[t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",fill:"white"}),t("rect",{x:"0.570588",y:"0.570588",width:"288.859",height:"160.859",rx:"8.55882",stroke:"#E2E2E2",strokeWidth:"1.14118"}),t("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"}),t("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"}),t("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"}),t("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"}),t("rect",{x:"157.482",y:"45.647",width:"83.3059",height:"11.4118",rx:"5.70588",fill:"#AAAAAA"}),t("rect",{x:"157.5",y:"98.9995",width:"48",height:"18",rx:"9",fill:"#3C67FF"}),t("rect",{x:"157.5",y:"66.9995",width:"68",height:"5",rx:"2.5",fill:"#E2E2E2"}),t("rect",{x:"157.5",y:"79.9995",width:"52",height:"5",rx:"2.5",fill:"#E2E2E2"})]}),e("div",{className:"gp-flex gp-flex-col gp-items-center",children:[t("div",{className:"gp-text-16 gp-font-medium gp-mb-4 gp-text-[#212121]",children:"Start with Sections from sidebar"}),e("div",{className:"gp-flex gp-w-[291px] gp-justify-between",children:[t("button",{onClick:()=>i(!0),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add sections"}),t("button",{onClick:()=>i(!1),className:"gp-flex gp-h-[40px] gp-w-[136px] 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:"Add elements"})]}),t("div",{className:"gp-my-6",children:e("svg",{width:"338",height:"24",viewBox:"0 0 338 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("rect",{width:"150",height:"1",transform:"translate(0 11.4999)",fill:"#D6D6D6"}),t("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"}),t("rect",{width:"150",height:"1",transform:"translate(188 11.4999)",fill:"#D6D6D6"})]})}),t("div",{className:"gp-flex gp-items-center gp-gap-2 gp-text-xs",children:t("div",{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"})})]})]})};export{DropElement};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/pages",
|
|
3
|
-
"version": "2.0.0-dev.
|
|
3
|
+
"version": "2.0.0-dev.884",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"next": "latest"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@gem-sdk/core": "2.0.0-dev.
|
|
29
|
+
"@gem-sdk/core": "2.0.0-dev.884",
|
|
30
30
|
"@gem-sdk/plugin-cookie-bar": "1.14.0-dev.619",
|
|
31
31
|
"@gem-sdk/plugin-quick-view": "1.14.0-dev.619",
|
|
32
32
|
"@gem-sdk/plugin-sticky-add-to-cart": "1.14.0-dev.619"
|