@gem-sdk/components 2.0.0-staging.128 → 2.0.1

package/dist/cjs/third-party/setting/TrustshopProductReviews.js

@@ -1,159 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TrustshopProductReviews = require('../configs/TrustshopProductReviews.js');
-
-const config = {
-    tag: TrustshopProductReviews.default.tag,
-    label: TrustshopProductReviews.default.label,
-    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png">',
-    editorConfigs: {
-        placeholder: {
-            flowTag: [
-                'Product'
-            ]
-        },
-        component: {
-            isThirdParty: true
-        }
-    },
-    presets: [
-        {
-            id: TrustshopProductReviews.default.id,
-            name: {
-                en: TrustshopProductReviews.default.label
-            },
-            hideTextContent: true,
-            icon: {
-                desktop: `<div class="w-full flex flex-col items-center">
-        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/97bd740ed0597c4d5220e15ae930308d/icon/CKub0pnr1okDEAE=.png">
-        <span class="preset-item-title">TrustShop: Product Reviews</span>
-      </div>`
-            },
-            components: [
-                {
-                    tag: TrustshopProductReviews.default.tag
-                }
-            ]
-        }
-    ],
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'appBlockId',
-                    type: 'input',
-                    default: ''
-                },
-                {
-                    id: 'productHandle',
-                    type: 'product-handle',
-                    hide: true
-                },
-                {
-                    id: 'widgetType',
-                    label: 'Choose widget',
-                    type: 'select',
-                    options: [
-                        {
-                            label: 'Widget Product Rating',
-                            value: 'widget-product-rating'
-                        },
-                        {
-                            label: 'All Reviews',
-                            value: 'all-reviews'
-                        },
-                        {
-                            label: 'Widget Box',
-                            value: 'widget-box'
-                        },
-                        {
-                            label: 'Review Testimonial',
-                            value: 'review-testimonial'
-                        }
-                    ],
-                    default: 'widget-product-rating'
-                },
-                {
-                    id: 'install',
-                    type: 'open-link',
-                    target: '_blank',
-                    linkType: 'install',
-                    href: 'https://apps.shopify.com/trustshop?utm_source=gempages',
-                    appName: TrustshopProductReviews.default.label
-                },
-                {
-                    id: 'openApp',
-                    type: 'open-link',
-                    target: '_blank',
-                    linkType: 'openApp',
-                    href: '',
-                    appName: TrustshopProductReviews.default.label
-                },
-                {
-                    id: 'align',
-                    label: 'Alignment',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Left',
-                            value: 'left',
-                            type: 'align'
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align'
-                        },
-                        {
-                            label: 'Right',
-                            value: 'right',
-                            type: 'align'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'left'
-                        }
-                    }
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'control',
-            setting: {
-                id: 'install'
-            }
-        },
-        {
-            type: "control",
-            label: {
-                en: "Choose widget"
-            },
-            setting: {
-                id: "widgetType"
-            }
-        },
-        {
-            type: 'control',
-            setting: {
-                id: 'openApp'
-            }
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Align'
-            },
-            setting: {
-                id: 'align'
-            }
-        }
-    ]
-};
-
-exports.default = config;

package/dist/esm/common/components/NoDataState.js

@@ -1,147 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
-import { useEditorMode, cls, filterToolbarPreview } from '@gem-sdk/core';
-
-const NoDataState = ({ title, description, elementType, builderAttrs, descriptionActions, primaryBtnTitle, secondaryBtnTitle, primaryBtnCb, secondaryBtnCb, additionalMedia, icon = true, rawMode, children })=>{
-    const refContainer = useRef(null);
-    const mode = useEditorMode();
-    const [containerFlexDirection, setContainerFlexDirection] = useState('row');
-    const emitSyncProduct = ()=>{
-        const componentUid = refContainer.current?.closest('[data-component-type="component"]')?.getAttribute('data-uid');
-        if (!componentUid) return;
-        const event = new CustomEvent('editor:sync-product', {
-            bubbles: true,
-            detail: {
-                uid: componentUid
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const emitNoDataSignal = ()=>{
-        if (mode !== 'edit') return;
-        const event = new CustomEvent('editor:product-source-no-data-warning', {
-            bubbles: true,
-            detail: {
-                uid: builderAttrs?.['data-uid'] ?? builderAttrs?.['uid'],
-                value: true,
-                tag: builderAttrs?.['data-component-tag'] ?? builderAttrs?.['tag']
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const presetCallback = {
-        syncProduct: emitSyncProduct
-    };
-    useEffect(()=>{
-        const observer = new ResizeObserver(()=>{
-            const refContainerWidth = refContainer.current ? refContainer.current?.offsetWidth : 0;
-            setContainerFlexDirection(refContainerWidth > 272 ? 'row' : 'column');
-        });
-        refContainer.current && observer.observe(refContainer.current);
-        return ()=>{
-            observer?.disconnect();
-        };
-    }, []);
-    return(// eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    /*#__PURE__*/ jsxs("div", {
-        ...builderAttrs,
-        ref: refContainer,
-        className: cls("gp-font-[Inter] gp-bg-white gp-border gp-border-dashed gp-border-box gp-rounded-lg gp-flex gp-flex-col", rawMode ? 'gp-p-0' : 'gp-p-2'),
-        onClick: emitNoDataSignal,
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: cls("gp-w-full gp-h-full gp-rounded-lg gp-flex gp-p-2 gp-gap-2", elementType === 'primary' ? 'gp-bg-[#FFF1DF]' : '', rawMode ? 'gp-justify-center' : ''),
-                style: {
-                    'flex-direction': containerFlexDirection
-                },
-                children: [
-                    icon && !rawMode && /*#__PURE__*/ jsx("div", {
-                        className: cls("gp-w-[28px] gp-h-[28px] gp-min-w-[28px] gp-flex gp-items-center gp-justify-center gp-rounded-[8px]", elementType === 'primary' ? '' : 'gp-bg-[#FDB913]'),
-                        children: /*#__PURE__*/ jsxs("svg", {
-                            width: "20",
-                            height: "20",
-                            viewBox: "0 0 20 20",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg",
-                            children: [
-                                /*#__PURE__*/ jsx("path", {
-                                    d: "M9.99997 6.75C10.4142 6.75 10.75 7.08579 10.75 7.5V11C10.75 11.4142 10.4142 11.75 9.99997 11.75C9.58576 11.75 9.24997 11.4142 9.24997 11V7.5C9.24997 7.08579 9.58576 6.75 9.99997 6.75Z",
-                                    fill: elementType === 'primary' ? "#916A00" : "#212121"
-                                }),
-                                /*#__PURE__*/ jsx("path", {
-                                    d: "M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44775 14.5 9.00003 14.0523 9.00003 13.5C9.00003 12.9477 9.44775 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",
-                                    fill: elementType === 'primary' ? "#916A00" : "#212121"
-                                }),
-                                /*#__PURE__*/ jsx("path", {
-                                    fillRule: "evenodd",
-                                    clipRule: "evenodd",
-                                    d: "M10.0001 3.5C8.95474 3.5 8.21619 4.20232 7.84765 4.94672C7.65568 5.33448 6.75987 7.0441 5.84308 8.79353L5.81534 8.84646C4.92293 10.5493 4.01717 12.2777 3.80719 12.702C3.43513 13.4537 3.32934 14.4519 3.89956 15.316C4.46914 16.1791 5.44225 16.5 6.3636 16.5L13.6364 16.5C14.5577 16.5 15.5309 16.1791 16.1005 15.316C16.6707 14.4519 16.5649 13.4537 16.1928 12.702C15.9832 12.2784 15.08 10.555 14.189 8.85476L14.1569 8.79352C13.24 7.044 12.3443 5.33454 12.1525 4.94693C11.784 4.20242 11.0455 3.5 10.0001 3.5ZM9.19193 5.61225C9.59608 4.79592 10.4041 4.79592 10.8081 5.61225C11.0102 6.02061 11.9201 7.75686 12.8297 9.49243C13.7383 11.2262 14.6466 12.9594 14.8485 13.3673C15.2525 14.1837 14.8485 15 13.6364 15L6.3636 15C5.15153 15 4.74749 14.1837 5.15153 13.3673C5.35379 12.9587 6.26471 11.2205 7.17483 9.4838C8.08286 7.75111 8.99008 6.01994 9.19193 5.61225Z",
-                                    fill: elementType === 'primary' ? "#916A00" : "#212121"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "gp-flex-col gp-flex gp-justify-between",
-                        children: [
-                            title && /*#__PURE__*/ jsx("p", {
-                                className: cls("gp-text-[#916A00] gp-text-[13px] gp-font-semibold"),
-                                dangerouslySetInnerHTML: {
-                                    __html: title
-                                }
-                            }),
-                            description && /*#__PURE__*/ jsxs("p", {
-                                className: cls(rawMode ? 'gp-mb-0' : 'gp-mb-[4px]', elementType === 'primary' ? 'gp-text-[#916A00] gp-text-[13px]' : 'gp-text-[#212121] gp-text-[12px]'),
-                                children: [
-                                    description,
-                                    " ",
-                                    descriptionActions?.map((action, index)=>{
-                                        const prefix = index ? 'or' : '';
-                                        const cb = typeof action.callback === 'string' ? presetCallback?.[action.callback] : action.callback;
-                                        return /*#__PURE__*/ jsxs(Fragment, {
-                                            children: [
-                                                " ",
-                                                prefix,
-                                                " ",
-                                                /*#__PURE__*/ jsx("span", {
-                                                    role: "presentation",
-                                                    className: "gp-underline gp-cursor-pointer gp-leading-5",
-                                                    onClick: cb,
-                                                    children: action.text
-                                                }, index)
-                                            ]
-                                        });
-                                    })
-                                ]
-                            }),
-                            (primaryBtnTitle || secondaryBtnTitle) && /*#__PURE__*/ jsxs("div", {
-                                className: "gp-flex gp-flex-wrap gp-gap-2 gp-rounded-4 gp-border-box",
-                                children: [
-                                    /*#__PURE__*/ jsx("button", {
-                                        onClick: primaryBtnCb,
-                                        className: "w-h-7 gp-bg-[#212121] gp-rounded-8 gp-p-2 gp-text-xs hover:gp-bg-[#3b3b3b] gp-text-white gp-rounded-lg",
-                                        children: primaryBtnTitle
-                                    }),
-                                    /*#__PURE__*/ jsx("button", {
-                                        onClick: secondaryBtnCb,
-                                        className: "w-h-7 gp-bg-white gp-text-[#212121] hover:gp-bg-[#f6f6f6] gp-text-xs gp-p-2 gp-rounded-lg",
-                                        children: secondaryBtnTitle
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            additionalMedia && /*#__PURE__*/ jsx("div", {
-                className: "gp-w-full",
-                dangerouslySetInnerHTML: {
-                    __html: additionalMedia
-                }
-            }),
-            filterToolbarPreview(children, true)
-        ]
-    }));
-};
-
-export { NoDataState as default };

package/dist/esm/common/components/TooltipHover.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function TooltipHover({ children, enable, text = 'Tooltip Text', position = 'right', width, ...props }) {
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        "data-toolbar-tooltip-trigger": true,
-        children: [
-            children,
-            enable && /*#__PURE__*/ jsx("div", {
-                style: {
-                    width: width,
-                    zIndex: 1000,
-                    ...(position === 'right' || position === 'left') && {
-                        top: 0
-                    },
-                    ...(position === 'bottom' || position === 'top') && {
-                        left: 0
-                    }
-                },
-                "data-toolbar-tooltip": true,
-                "data-toolbar-tooltip-position": position,
-                dangerouslySetInnerHTML: {
-                    __html: text
-                }
-            })
-        ]
-    });
-}
-
-export { TooltipHover as default };

package/dist/esm/image/components/NoDataImage.js

@@ -1,111 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const NoDataImage = ()=>{
-    return /*#__PURE__*/ jsx("div", {
-        className: "gp-w-full gp-h-full gp-bg-[#F9F9F9] gp-flex gp-items-center gp-justify-center",
-        children: /*#__PURE__*/ jsxs("svg", {
-            width: "40",
-            height: "40",
-            viewBox: "0 0 40 40",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-                /*#__PURE__*/ jsxs("g", {
-                    clipPath: "url(#clip0_942_39561)",
-                    children: [
-                        /*#__PURE__*/ jsx("rect", {
-                            width: "40",
-                            height: "40",
-                            fill: "#F9F9F9"
-                        }),
-                        /*#__PURE__*/ jsx("rect", {
-                            x: "4",
-                            width: "32",
-                            height: "40",
-                            rx: "2",
-                            fill: "#E2E2E2"
-                        }),
-                        /*#__PURE__*/ jsx("rect", {
-                            y: "26",
-                            width: "40",
-                            height: "14",
-                            fill: "url(#paint0_linear_942_39561)"
-                        }),
-                        /*#__PURE__*/ jsx("rect", {
-                            x: "8",
-                            y: "4",
-                            width: "24",
-                            height: "24",
-                            rx: "1",
-                            fill: "#F9F9F9"
-                        }),
-                        /*#__PURE__*/ jsx("circle", {
-                            cx: "15.2809",
-                            cy: "11.3688",
-                            r: "1.36884",
-                            fill: "#D2D2D2"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M13.1916 17.7343L15.3456 15.0797C15.4185 14.9896 15.5086 14.9168 15.6101 14.8659C15.7115 14.815 15.822 14.7872 15.9343 14.7844C16.0466 14.7815 16.1583 14.8036 16.2619 14.8492C16.3656 14.8949 16.459 14.963 16.536 15.0492L17.5432 16.1758L21.4803 11.2146C21.5573 11.1174 21.6542 11.0397 21.7637 10.9874C21.8732 10.9351 21.9925 10.9094 22.1127 10.9123C22.2329 10.9153 22.3509 10.9467 22.458 11.0043C22.5651 11.0619 22.6585 11.1442 22.7312 11.245L27.4383 17.7671C27.5283 17.8921 27.5834 18.0411 27.5974 18.1973C27.6114 18.3535 27.5838 18.5108 27.5176 18.6513C27.4514 18.7919 27.3493 18.9102 27.2228 18.993C27.0963 19.0758 26.9503 19.1198 26.8014 19.12L13.8002 19.1251C13.6473 19.1251 13.4975 19.0789 13.3688 18.992C13.24 18.9051 13.1375 18.7812 13.0735 18.6348C13.0095 18.4885 12.9866 18.326 13.0075 18.1664C13.0285 18.0068 13.0923 17.8569 13.1916 17.7343Z",
-                            fill: "#D2D2D2"
-                        }),
-                        /*#__PURE__*/ jsx("rect", {
-                            x: "24.3333",
-                            y: "24.3333",
-                            width: "15.3333",
-                            height: "15.3333",
-                            rx: "7.66667",
-                            fill: "white"
-                        }),
-                        /*#__PURE__*/ jsx("rect", {
-                            x: "24.3333",
-                            y: "24.3333",
-                            width: "15.3333",
-                            height: "15.3333",
-                            rx: "7.66667",
-                            stroke: "#C4C4C4",
-                            strokeWidth: "0.666667"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M33.813 34.5199C34.0083 34.7152 34.3249 34.7152 34.5201 34.5199C34.7154 34.3246 34.7154 34.0081 34.5201 33.8128L32.707 31.9997L34.5201 30.1866C34.7154 29.9913 34.7154 29.6747 34.5201 29.4795C34.3249 29.2842 34.0083 29.2842 33.813 29.4795L31.9999 31.2926L30.1868 29.4795C29.9915 29.2842 29.675 29.2842 29.4797 29.4795C29.2844 29.6747 29.2844 29.9913 29.4797 30.1866L31.2928 31.9997L29.4797 33.8128C29.2844 34.0081 29.2844 34.3246 29.4797 34.5199C29.675 34.7152 29.9915 34.7152 30.1868 34.5199L31.9999 32.7068L33.813 34.5199Z",
-                            fill: "#676767"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsxs("defs", {
-                    children: [
-                        /*#__PURE__*/ jsxs("linearGradient", {
-                            id: "paint0_linear_942_39561",
-                            x1: "20",
-                            y1: "26",
-                            x2: "20",
-                            y2: "40",
-                            gradientUnits: "userSpaceOnUse",
-                            children: [
-                                /*#__PURE__*/ jsx("stop", {
-                                    stopColor: "#F9F9F9",
-                                    stopOpacity: "0"
-                                }),
-                                /*#__PURE__*/ jsx("stop", {
-                                    offset: "1",
-                                    stopColor: "#F9F9F9"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx("clipPath", {
-                            id: "clip0_942_39561",
-                            children: /*#__PURE__*/ jsx("rect", {
-                                width: "40",
-                                height: "40",
-                                fill: "white"
-                            })
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-export { NoDataImage as default };

package/dist/esm/image/setting/configs/presets.js

@@ -1,154 +0,0 @@
-const ImagePreset = [
-    {
-        id: 'image',
-        name: {
-            en: 'Image'
-        },
-        icon: {
-            desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
-          <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
-          </svg>
-        `
-        },
-        components: [
-            {
-                tag: 'Image',
-                advanced: {
-                    'spacing-setting': {
-                        desktop: {
-                            margin: {
-                                bottom: 'var(--g-s-l)'
-                            }
-                        }
-                    },
-                    editorData: {
-                        cssPlaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
-                    }
-                }
-            }
-        ],
-        flowTagComponents: {
-            Marquee: [
-                {
-                    tag: 'Image',
-                    styles: {
-                        shape: {
-                            desktop: {
-                                width: 'auto',
-                                height: 'auto'
-                            }
-                        },
-                        enableBorder: 'none'
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 'var(--g-s-l)'
-                                }
-                            }
-                        },
-                        editorData: {
-                            rootClassName: '{{rootClassName}}',
-                            css: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
-                        }
-                    },
-                    settings: {
-                        isNotLazyload: true
-                    }
-                }
-            ]
-        }
-    },
-    {
-        id: 'image-circle',
-        name: {
-            en: 'Image'
-        },
-        icon: {
-            desktop: `
-        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
-        <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
-        <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
-        </svg>
-        `
-        },
-        components: [
-            {
-                tag: 'Image',
-                styles: {
-                    shape: {
-                        desktop: {
-                            shape: 'square',
-                            shapeValue: '1/1',
-                            width: '80px',
-                            shapeLinked: true
-                        }
-                    },
-                    borderRadius: {
-                        btrr: '999999px',
-                        bblr: '999999px',
-                        bbrr: '999999px',
-                        btlr: '999999px',
-                        radiusType: 'custom'
-                    },
-                    wrapperBorder: {
-                        borderType: 'none',
-                        border: 'none',
-                        width: '1px 1px 1px 1px',
-                        position: 'all',
-                        borderWidth: '1px',
-                        color: '#000000',
-                        isCustom: true
-                    }
-                },
-                advanced: {
-                    'spacing-setting': {
-                        desktop: {
-                            margin: {
-                                bottom: 'var(--g-s-l)'
-                            }
-                        }
-                    },
-                    editorData: {
-                        cssplaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
-                    }
-                }
-            }
-        ],
-        rootOverride: {
-            styles: {
-                shape: {
-                    desktop: {
-                        shape: 'square',
-                        shapeValue: '1/1',
-                        width: '80px',
-                        shapeLinked: true
-                    }
-                },
-                borderRadius: {
-                    btrr: '999999px',
-                    bblr: '999999px',
-                    bbrr: '999999px',
-                    btlr: '999999px',
-                    radiusType: 'custom'
-                }
-            },
-            advanced: {
-                'spacing-setting': {
-                    desktop: {
-                        margin: {
-                            bottom: 0
-                        }
-                    }
-                }
-            }
-        }
-    }
-];
-
-export { ImagePreset };

package/dist/esm/post-purchase/link/components/PostPurchaseLink.js

@@ -1,69 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { cls } from '@gem-sdk/core';
-import { useMemo } from 'react';
-import Text from '../../text/Text.js';
-import { checkIsValidURL, postPurchaseTextColor } from '../../utils/helper.js';
-
-const Link = ({ builderAttrs, setting = {}, styles, builderProps })=>{
-    const { link, width, label } = setting;
-    const { align, textAlign, typo } = styles ?? {};
-    const textStyles = useMemo(()=>{
-        const data = {
-            typo,
-            textAlign
-        };
-        return data;
-    }, [
-        textAlign,
-        typo
-    ]);
-    const isValidLink = useMemo(()=>{
-        return checkIsValidURL(link?.link || '');
-    }, [
-        link
-    ]);
-    const Component = isValidLink ? 'a' : 'div';
-    const makeWidthResponsive = (value, unit)=>{
-        return {
-            [`--w`]: unit ? `${getValue(value?.desktop)}${unit}` : getValue(value?.desktop),
-            [`--w-tablet`]: unit ? `${getValue(value?.tablet)}${unit}` : getValue(value?.tablet),
-            [`--w-mobile`]: unit ? `${getValue(value?.mobile)}${unit}` : getValue(value?.mobile)
-        };
-    };
-    const getValue = (value)=>{
-        if (!value) return undefined;
-        const restrictedValue = [
-            '0px',
-            '0%',
-            '1px'
-        ];
-        return restrictedValue.includes(value) ? '100%' : value;
-    };
-    return /*#__PURE__*/ jsx("div", {
-        ...builderAttrs,
-        className: cls(builderProps?.uid, 'gp-flex gp-w-full', align === 'left' ? 'gp-justify-start' : align === 'right' ? 'gp-justify-end' : 'gp-justify-center'),
-        children: /*#__PURE__*/ jsx("div", {
-            style: {
-                ...makeWidthResponsive(width)
-            },
-            children: /*#__PURE__*/ jsx(Component, {
-                href: link?.link,
-                target: "_blank",
-                rel: "noreferrer",
-                style: {
-                    color: postPurchaseTextColor['defaultLink']
-                },
-                children: /*#__PURE__*/ jsx(Text, {
-                    styles: textStyles,
-                    setting: {
-                        text: label
-                    },
-                    textClass: `!gp-break-normal gp-leading-[15px] gp-min-w-fit [&>*]:gp-text-center [&>*]:gp-inline-block ${!isValidLink && '[&>*]:gp-underline'}`
-                })
-            })
-        })
-    });
-};
-
-export { Link as default };