@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/cjs/form/setting/Newsletter.js

@@ -1,177 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var NewsletterInitConfig = require('./NewsletterInitConfig.js');
-
-const config = {
-    tag: 'Newsletter',
-    label: 'Newsletter',
-    icon: `
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.4889 1.5C6.06532 1.5 5.65909 1.66827 5.35957 1.96779C5.06006 2.26731 4.8918 2.67355 4.8918 3.09713V8.85014L1.84362 10.9458C1.75354 11.0037 1.67451 11.082 1.61399 11.1788C1.53448 11.306 1.49782 11.4479 1.5001 11.5875V20.4789C1.5001 21.0149 1.71303 21.529 2.09204 21.908C2.47106 22.2871 2.98512 22.5 3.52114 22.5H20.4784C21.0144 22.5 21.5285 22.2871 21.9075 21.908C22.2865 21.529 22.4995 21.0149 22.4995 20.4789V11.6037C22.505 11.4589 22.4686 11.311 22.386 11.1788C22.3242 11.0799 22.243 11.0003 22.1505 10.9421L19.1082 8.85047V3.09713C19.1082 2.67355 18.94 2.26732 18.6405 1.96779C18.341 1.66827 17.9347 1.5 17.5111 1.5H6.4889ZM17.6098 9.22228C17.6094 9.23661 17.6094 9.25094 17.6098 9.26525V13.2805L14.7516 15.0669H9.24844L6.39028 13.2805V3.09713C6.39028 3.07097 6.40067 3.04588 6.41917 3.02738C6.43766 3.00888 6.46275 2.99849 6.4889 2.99849H17.5111C17.5373 2.99849 17.5624 3.00888 17.5809 3.02738C17.5994 3.04588 17.6098 3.07097 17.6098 3.09713V9.22228ZM5.23785 14.3273L5.25117 14.3357L7.73953 15.8909L4.32497 18.6226C4.00185 18.8811 3.94947 19.3526 4.20797 19.6758C4.46647 19.9989 4.93796 20.0513 5.26107 19.7928L9.29516 16.5654H14.7046L18.7387 19.7928C19.0618 20.0513 19.5333 19.9989 19.7918 19.6758C20.0503 19.3526 19.9979 18.8811 19.6748 18.6226L16.2603 15.891L18.7475 14.3365L18.7636 14.3265L21.001 12.928V20.4789C21.001 20.6175 20.9459 20.7504 20.8479 20.8484C20.7499 20.9465 20.617 21.0015 20.4784 21.0015H3.52114C3.38255 21.0015 3.24964 20.9465 3.15164 20.8484C3.05364 20.7504 2.99858 20.6175 2.99858 20.4789V12.9278L5.23785 14.3273ZM4.8918 12.3439V10.6686L3.61539 11.5462L4.8918 12.3439ZM19.1082 12.3439L20.3844 11.5463L19.1082 10.6689V12.3439ZM7.43548 9.88068C7.43548 9.46689 7.77093 9.13144 8.18472 9.13144H15.8155C16.2293 9.13144 16.5647 9.46689 16.5647 9.88068C16.5647 10.2945 16.2293 10.6299 15.8155 10.6299H8.18472C7.77093 10.6299 7.43548 10.2945 7.43548 9.88068ZM8.18472 11.6743C7.77093 11.6743 7.43548 12.0097 7.43548 12.4235C7.43548 12.8373 7.77093 13.1728 8.18472 13.1728H15.8155C16.2293 13.1728 16.5647 12.8373 16.5647 12.4235C16.5647 12.0097 16.2293 11.6743 15.8155 11.6743H8.18472Z" fill="white"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            note: `Collect customer emails to send them newsletters <a class="no-underline text-primary-250" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">via Shopify</a>`,
-            controls: [
-                {
-                    id: 'afterSubmitAction',
-                    type: 'select',
-                    options: [
-                        {
-                            label: 'Stay on page',
-                            value: 'stay-on-page'
-                        },
-                        {
-                            label: 'Open URL',
-                            value: 'open-url'
-                        }
-                    ],
-                    default: 'stay-on-page'
-                },
-                {
-                    id: 'callbackURL',
-                    type: 'pick-link',
-                    label: 'Pick Link',
-                    default: {
-                        link: '',
-                        target: '_self'
-                    }
-                },
-                {
-                    id: 'successMessage',
-                    type: 'textarea',
-                    label: 'Success Message',
-                    default: "Thanks for contacting us. We'll get back to you as soon as possible.",
-                    autoHeight: true
-                },
-                {
-                    id: 'errorMessage',
-                    type: 'textarea',
-                    label: 'Error Message',
-                    default: 'Can’t send email. Please try again later.',
-                    autoHeight: true
-                },
-                {
-                    id: 'translate',
-                    type: 'input',
-                    default: 'successMessage,errorMessage'
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'group',
-            label: {
-                en: 'After submit'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Action'
-                    },
-                    setting: {
-                        id: 'afterSubmitAction'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: ''
-                    },
-                    layout: 'vertical',
-                    setting: {
-                        id: 'callbackURL'
-                    },
-                    condition: `afterSubmitAction == 'open-url'`
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Success message'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Message'
-                    },
-                    options: {
-                        labelPosition: 'start'
-                    },
-                    layout: 'vertical',
-                    setting: {
-                        id: 'successMessage'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Error message'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Message'
-                    },
-                    options: {
-                        labelPosition: 'start'
-                    },
-                    layout: 'vertical',
-                    setting: {
-                        id: 'errorMessage'
-                    }
-                }
-            ]
-        }
-    ],
-    presets: [
-        {
-            id: 'newsletter',
-            name: {
-                en: 'Newsletter'
-            },
-            icon: {
-                desktop: `
-         <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="12.5" width="69" height="23" rx="2.5" stroke="#474747"/>
-<rect x="74" y="12" width="22" height="24" rx="3" fill="#424242"/>
-<path d="M79 28.5833V19.4167C79 19.2389 79.075 19.1028 79.225 19.0083C79.375 18.9139 79.5333 18.9 79.7 18.9667L90.5667 23.5333C90.7667 23.6222 90.8667 23.7778 90.8667 24C90.8667 24.2222 90.7667 24.3778 90.5667 24.4667L79.7 29.0333C79.5333 29.1 79.375 29.0861 79.225 28.9917C79.075 28.8972 79 28.7611 79 28.5833ZM80 27.7833L89.0667 24L80 20.1667V22.9667L84.0333 24L80 25V27.7833ZM80 24V20.1667V27.7833V24Z" fill="#F9F9F9"/>
-<path d="M12.8274 20.7273V28H11.9751L8.01207 22.2898H7.94105V28H7.06037V20.7273H7.91264L11.8899 26.4517H11.9609V20.7273H12.8274ZM16.763 28.1136C16.2374 28.1136 15.784 27.9976 15.4029 27.7656C15.0241 27.5312 14.7317 27.2045 14.5257 26.7855C14.3221 26.3641 14.2203 25.8741 14.2203 25.3153C14.2203 24.7566 14.3221 24.2642 14.5257 23.8381C14.7317 23.4096 15.0182 23.0758 15.3851 22.8366C15.7544 22.5952 16.1853 22.4744 16.6777 22.4744C16.9618 22.4744 17.2424 22.5218 17.5194 22.6165C17.7963 22.7112 18.0485 22.8651 18.2757 23.0781C18.503 23.2888 18.6841 23.5682 18.8191 23.9162C18.954 24.2642 19.0215 24.6927 19.0215 25.2017V25.5568H14.8169V24.8324H18.1692C18.1692 24.5246 18.1077 24.25 17.9846 24.0085C17.8638 23.767 17.691 23.5765 17.4661 23.4368C17.2435 23.2971 16.9808 23.2273 16.6777 23.2273C16.3439 23.2273 16.0551 23.3101 15.8113 23.4759C15.5698 23.6392 15.3839 23.8523 15.2537 24.1151C15.1235 24.3778 15.0584 24.6596 15.0584 24.9602V25.4432C15.0584 25.8551 15.1294 26.2043 15.2715 26.4908C15.4159 26.7749 15.6159 26.9915 15.8716 27.1406C16.1273 27.2874 16.4244 27.3608 16.763 27.3608C16.9831 27.3608 17.182 27.33 17.3596 27.2685C17.5395 27.2045 17.6945 27.1098 17.8248 26.9844C17.955 26.8565 18.0556 26.6979 18.1266 26.5085L18.9363 26.7358C18.851 27.0104 18.7078 27.2519 18.5066 27.4602C18.3053 27.6662 18.0568 27.8272 17.7608 27.9432C17.4649 28.0568 17.1323 28.1136 16.763 28.1136ZM21.5321 28L19.8702 22.5455H20.7509L21.9299 26.7216H21.9867L23.1515 22.5455H24.0463L25.1969 26.7074H25.2537L26.4327 22.5455H27.3134L25.6515 28H24.8276L23.6344 23.8097H23.5492L22.356 28H21.5321ZM32.285 23.767L31.5321 23.9801C31.4848 23.8546 31.415 23.7327 31.3226 23.6143C31.2327 23.4936 31.1096 23.3942 30.9533 23.3161C30.7971 23.2379 30.597 23.1989 30.3532 23.1989C30.0194 23.1989 29.7412 23.2758 29.5186 23.4297C29.2985 23.5812 29.1884 23.7741 29.1884 24.0085C29.1884 24.2169 29.2641 24.3814 29.4157 24.5021C29.5672 24.6229 29.8039 24.7235 30.1259 24.804L30.9355 25.0028C31.4232 25.1212 31.7866 25.3023 32.0257 25.5462C32.2649 25.7876 32.3844 26.099 32.3844 26.4801C32.3844 26.7926 32.2944 27.072 32.1145 27.3182C31.937 27.5644 31.6884 27.7585 31.3688 27.9006C31.0492 28.0426 30.6775 28.1136 30.2537 28.1136C29.6974 28.1136 29.2369 27.9929 28.8723 27.7514C28.5078 27.5099 28.2769 27.1572 28.1799 26.6932L28.9753 26.4943C29.0511 26.7879 29.1943 27.008 29.405 27.1548C29.6181 27.3016 29.8962 27.375 30.2395 27.375C30.6301 27.375 30.9403 27.2921 31.1699 27.1264C31.4019 26.9583 31.5179 26.7571 31.5179 26.5227C31.5179 26.3333 31.4516 26.1747 31.3191 26.0469C31.1865 25.9167 30.9829 25.8196 30.7083 25.7557L29.7992 25.5426C29.2997 25.4242 28.9327 25.2408 28.6983 24.9922C28.4663 24.7412 28.3503 24.4276 28.3503 24.0511C28.3503 23.7434 28.4367 23.4711 28.6096 23.2344C28.7847 22.9976 29.0227 22.8118 29.3233 22.6768C29.6264 22.5419 29.9696 22.4744 30.3532 22.4744C30.8929 22.4744 31.3167 22.5928 31.6245 22.8295C31.9346 23.0663 32.1548 23.3788 32.285 23.767ZM34.484 20.7273V28H33.646V20.7273H34.484ZM38.3059 28.1136C37.7804 28.1136 37.327 27.9976 36.9458 27.7656C36.5671 27.5312 36.2747 27.2045 36.0687 26.7855C35.8651 26.3641 35.7633 25.8741 35.7633 25.3153C35.7633 24.7566 35.8651 24.2642 36.0687 23.8381C36.2747 23.4096 36.5611 23.0758 36.9281 22.8366C37.2974 22.5952 37.7283 22.4744 38.2207 22.4744C38.5048 22.4744 38.7853 22.5218 39.0623 22.6165C39.3393 22.7112 39.5914 22.8651 39.8187 23.0781C40.046 23.2888 40.2271 23.5682 40.362 23.9162C40.497 24.2642 40.5645 24.6927 40.5645 25.2017V25.5568H36.3599V24.8324H39.7122C39.7122 24.5246 39.6506 24.25 39.5275 24.0085C39.4068 23.767 39.234 23.5765 39.0091 23.4368C38.7865 23.2971 38.5237 23.2273 38.2207 23.2273C37.8869 23.2273 37.5981 23.3101 37.3542 23.4759C37.1127 23.6392 36.9269 23.8523 36.7967 24.1151C36.6665 24.3778 36.6014 24.6596 36.6014 24.9602V25.4432C36.6014 25.8551 36.6724 26.2043 36.8145 26.4908C36.9589 26.7749 37.1589 26.9915 37.4146 27.1406C37.6703 27.2874 37.9674 27.3608 38.3059 27.3608C38.5261 27.3608 38.725 27.33 38.9025 27.2685C39.0824 27.2045 39.2375 27.1098 39.3677 26.9844C39.4979 26.8565 39.5985 26.6979 39.6696 26.5085L40.4792 26.7358C40.394 27.0104 40.2508 27.2519 40.0495 27.4602C39.8483 27.6662 39.5997 27.8272 39.3038 27.9432C39.0079 28.0568 38.6752 28.1136 38.3059 28.1136ZM44.2115 22.5455V23.2557H41.3848V22.5455H44.2115ZM42.2086 21.2386H43.0467V26.4375C43.0467 26.6742 43.081 26.8518 43.1497 26.9702C43.2207 27.0862 43.3107 27.1643 43.4196 27.2045C43.5308 27.2424 43.648 27.2614 43.7711 27.2614C43.8635 27.2614 43.9392 27.2566 43.9984 27.2472C44.0576 27.2353 44.1049 27.2259 44.1404 27.2188L44.3109 27.9716C44.2541 27.9929 44.1748 28.0142 44.073 28.0355C43.9712 28.0592 43.8422 28.071 43.6859 28.071C43.4492 28.071 43.2172 28.0201 42.9899 27.9183C42.765 27.8165 42.5779 27.6615 42.4288 27.4531C42.282 27.2448 42.2086 26.982 42.2086 26.6648V21.2386ZM47.8443 22.5455V23.2557H45.0176V22.5455H47.8443ZM45.8414 21.2386H46.6795V26.4375C46.6795 26.6742 46.7138 26.8518 46.7825 26.9702C46.8535 27.0862 46.9435 27.1643 47.0524 27.2045C47.1636 27.2424 47.2808 27.2614 47.4039 27.2614C47.4963 27.2614 47.572 27.2566 47.6312 27.2472C47.6904 27.2353 47.7377 27.2259 47.7733 27.2188L47.9437 27.9716C47.8869 27.9929 47.8076 28.0142 47.7058 28.0355C47.604 28.0592 47.475 28.071 47.3187 28.071C47.082 28.071 46.85 28.0201 46.6227 27.9183C46.3978 27.8165 46.2108 27.6615 46.0616 27.4531C45.9148 27.2448 45.8414 26.982 45.8414 26.6648V21.2386ZM51.3333 28.1136C50.8077 28.1136 50.3543 27.9976 49.9732 27.7656C49.5944 27.5312 49.302 27.2045 49.0961 26.7855C48.8925 26.3641 48.7907 25.8741 48.7907 25.3153C48.7907 24.7566 48.8925 24.2642 49.0961 23.8381C49.302 23.4096 49.5885 23.0758 49.9554 22.8366C50.3248 22.5952 50.7556 22.4744 51.248 22.4744C51.5321 22.4744 51.8127 22.5218 52.0897 22.6165C52.3667 22.7112 52.6188 22.8651 52.8461 23.0781C53.0733 23.2888 53.2544 23.5682 53.3894 23.9162C53.5243 24.2642 53.5918 24.6927 53.5918 25.2017V25.5568H49.3873V24.8324H52.7395C52.7395 24.5246 52.678 24.25 52.5549 24.0085C52.4341 23.767 52.2613 23.5765 52.0364 23.4368C51.8139 23.2971 51.5511 23.2273 51.248 23.2273C50.9142 23.2273 50.6254 23.3101 50.3816 23.4759C50.1401 23.6392 49.9542 23.8523 49.824 24.1151C49.6938 24.3778 49.6287 24.6596 49.6287 24.9602V25.4432C49.6287 25.8551 49.6998 26.2043 49.8418 26.4908C49.9862 26.7749 50.1863 26.9915 50.4419 27.1406C50.6976 27.2874 50.9947 27.3608 51.3333 27.3608C51.5534 27.3608 51.7523 27.33 51.9299 27.2685C52.1098 27.2045 52.2649 27.1098 52.3951 26.9844C52.5253 26.8565 52.6259 26.6979 52.6969 26.5085L53.5066 26.7358C53.4213 27.0104 53.2781 27.2519 53.0769 27.4602C52.8757 27.6662 52.6271 27.8272 52.3311 27.9432C52.0352 28.0568 51.7026 28.1136 51.3333 28.1136ZM54.8667 28V22.5455H55.6763V23.3693H55.7331C55.8326 23.0994 56.0125 22.8804 56.2729 22.7124C56.5333 22.5443 56.8269 22.4602 57.1536 22.4602C57.2151 22.4602 57.2921 22.4614 57.3844 22.4638C57.4767 22.4661 57.5466 22.4697 57.5939 22.4744V23.3267C57.5655 23.3196 57.5004 23.3089 57.3986 23.2947C57.2992 23.2782 57.1938 23.2699 57.0826 23.2699C56.8174 23.2699 56.5807 23.3255 56.3723 23.4368C56.1664 23.5457 56.003 23.6972 55.8823 23.8913C55.7639 24.0831 55.7047 24.3021 55.7047 24.5483V28H54.8667Z" fill="#F9F9F9"/>
-</svg>
-        `
-            },
-            components: NewsletterInitConfig.newsletterInitConfig
-        }
-    ],
-    editorConfigs: {
-        placeholder: {
-            notAppendTags: [
-                'Product',
-                'ProductList',
-                'ContactForm',
-                'Newsletter'
-            ]
-        }
-    },
-    locales: {
-        editor: {
-            en: {
-                err_msg_default: 'Can’t send email. Please try again later.',
-                success_msg_default: `Thanks for contacting us. We'll get back to you as soon as possible.`
-            }
-        }
-    }
-};
-
-exports.default = config;

package/dist/cjs/form/setting/NewsletterInitConfig.js

@@ -1,145 +0,0 @@
-'use strict';
-
-const newsletterInitConfig = [
-    {
-        tag: 'Newsletter',
-        advanced: {
-            'spacing-setting': {
-                desktop: {
-                    padding: {
-                        top: 'var(--g-s-xl)',
-                        bottom: 'var(--g-s-xl)',
-                        left: 'var(--g-s-l)',
-                        right: 'var(--g-s-l)'
-                    }
-                }
-            },
-            rounded: {
-                desktop: {
-                    normal: {
-                        btrr: '0px',
-                        bblr: '0px',
-                        bbrr: '0px',
-                        btlr: '0px',
-                        radiusType: 'none'
-                    }
-                }
-            }
-        },
-        childrens: [
-            {
-                tag: 'Row',
-                settings: {
-                    layout: {
-                        desktop: {
-                            cols: [
-                                6,
-                                6
-                            ],
-                            display: 'fit'
-                        }
-                    },
-                    horizontalAlign: {
-                        desktop: 'center'
-                    }
-                },
-                styles: {
-                    verticalGutter: {
-                        desktop: '0px',
-                        mobile: '0px'
-                    }
-                },
-                childrens: [
-                    {
-                        tag: 'Col',
-                        settings: {},
-                        styles: {},
-                        childrens: [
-                            {
-                                tag: 'FormEmail',
-                                settings: {
-                                    placeholder: 'Email',
-                                    fullWidth: {
-                                        desktop: false,
-                                        tablet: false
-                                    },
-                                    width: {
-                                        desktop: '313px',
-                                        tablet: '313px'
-                                    }
-                                },
-                                advanced: {
-                                    border: {
-                                        desktop: {
-                                            normal: {
-                                                borderType: 'style-2',
-                                                borderLabel: 'Style 2',
-                                                border: 'solid',
-                                                color: 'line-2',
-                                                isCustom: false,
-                                                width: '1px 1px 1px 1px'
-                                            }
-                                        }
-                                    },
-                                    rounded: {
-                                        desktop: {
-                                            normal: {
-                                                btrr: '0px',
-                                                bblr: '0px',
-                                                bbrr: '0px',
-                                                btlr: '0px',
-                                                radiusType: 'none'
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        tag: 'Col',
-                        settings: {},
-                        advanced: {},
-                        childrens: [
-                            {
-                                tag: 'SubmitButton',
-                                settings: {
-                                    label: 'Send'
-                                },
-                                styles: {
-                                    borderBtn: {
-                                        normal: {
-                                            borderType: 'none',
-                                            border: 'none',
-                                            width: '1px 1px 1px 1px',
-                                            isCustom: true,
-                                            borderLabel: 'Style 2'
-                                        },
-                                        hover: {
-                                            borderType: 'none',
-                                            border: 'none',
-                                            width: '1px 1px 1px 1px',
-                                            isCustom: true,
-                                            borderLabel: 'Style 2'
-                                        }
-                                    },
-                                    roundedBtn: {
-                                        normal: {
-                                            btrr: '0px',
-                                            bblr: '0px',
-                                            bbrr: '0px',
-                                            btlr: '0px',
-                                            radiusType: 'none'
-                                        }
-                                    }
-                                }
-                            }
-                        ]
-                    }
-                ]
-            }
-        ]
-    }
-];
-
-exports.newsletterInitConfig = newsletterInitConfig;