@wix/patterns 0.8.0

package/dist/esm/components/CustomFieldModal/CustomFieldForm.js

@@ -0,0 +1,110 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Cell, Checkbox, Collapse, Divider, FloatingNotification, FormField, InfoIcon, Input, Layout, Text, TextButton, } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CustomFieldTypeDropdown } from './CustomFieldTypeDropdown';
+import { ChevronDown, ChevronUp, InfoCircle } from '@wix/wix-ui-icons-common';
+import { Trans } from '../Trans';
+import { runInAction } from 'mobx';
+export const _CustomFieldForm = (props) => {
+    const { state } = props;
+    const { form: { $: { key, type, name, readApps, readUsers, writeApps, writeUsers }, }, disabledFields: { permissions }, mode, settings, customFieldModalBiReporter, generateUniqueKey, setKeyFieldIfNotDirty, } = state;
+    const { reportAdvancedSettingsClick, reportKeyFormFieldChange } = customFieldModalBiReporter;
+    const { translate: t, environment: { language }, } = useWixPatternsContainer();
+    useEffect(() => customFieldModalBiReporter.init(), []);
+    const getFloatingNotification = () => {
+        switch (state.submitError) {
+            case 'network':
+                return t('cairo.customFields.modal.networkError');
+            case 'technical':
+                return t('cairo.customFields.modal.technicalError');
+            case 'max_size':
+                return (React.createElement(Trans, { i18nKey: "cairo.customFields.modal.maxFieldsError", components: {
+                        supportLink: (React.createElement(TextButton, { underline: "always", size: "small", as: "a", rel: "noopener", target: "_blank", href: "https://www.wix.com/contact" })),
+                    } }));
+            default:
+                return '';
+        }
+    };
+    return (React.createElement(Box, { width: 552, direction: "vertical" },
+        state.submitError && (React.createElement(Box, { position: "absolute", top: "24px", left: "49%", transform: "translateX(-50%)" },
+            React.createElement(FloatingNotification, { dataHook: "custom-field-modal-error-state", type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: getFloatingNotification(), onClose: () => {
+                    runInAction(() => {
+                        state.submitError = null;
+                    });
+                } }))),
+        React.createElement(Box, { paddingLeft: "SP1", paddingRight: "SP1", direction: "vertical" },
+            React.createElement(Layout, null,
+                React.createElement(Cell, { span: 6 },
+                    React.createElement(FormField, { dataHook: "custom-field-modal-field-type", required: true, label: t('cairo.customFields.addCustomField.modal.fieldType'), status: type.hasError ? 'error' : undefined, statusMessage: type.error },
+                        React.createElement(CustomFieldTypeDropdown, { state: state }),
+                        mode === 'edit' && (React.createElement(Box, { marginTop: "SP1" },
+                            React.createElement(Text, { size: "tiny", secondary: true }, t('cairo.customFields.editCustomField.fieldType.tooltip')))))),
+                React.createElement(Cell, { span: 6 },
+                    React.createElement(FormField, { dataHook: "custom-field-modal-field-name", required: true, label: t('cairo.customFields.addCustomField.modal.fieldName'), status: name.hasError ? 'error' : undefined, statusMessage: name.error },
+                        React.createElement(Input, { dataHook: "custom-field-modal-name", onChange: (e) => {
+                                name.onChange(e.target.value);
+                                setKeyFieldIfNotDirty(generateUniqueKey(e.target.value));
+                            }, value: name.value, maxLength: 64, placeholder: state.namePlaceholder })))),
+            React.createElement(Box, { marginTop: "SP4" },
+                React.createElement(TextButton, { dataHook: "custom-field-modal-settings-button", size: "small", suffixIcon: settings.isOn ? React.createElement(ChevronUp, null) : React.createElement(ChevronDown, null), onClick: () => settings.toggle() }, t('cairo.customFields.addCustomField.modal.advancedSettings'))),
+            React.createElement(Collapse, { open: settings.isOn, onExpandAnimationEnd: () => {
+                    reportAdvancedSettingsClick('Open');
+                }, onCollapseAnimationEnd: () => {
+                    reportAdvancedSettingsClick('Close');
+                } },
+                React.createElement(Box, { marginTop: "SP4", direction: "vertical", width: "320px" },
+                    React.createElement(Text, { size: "small" }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions')),
+                    React.createElement(Text, { size: "tiny", light: true, secondary: true }, t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions.tooltip'))),
+                React.createElement(Box, { marginTop: "SP3" },
+                    React.createElement(Layout, null,
+                        React.createElement(Cell, { span: 4 },
+                            React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
+                                React.createElement(Text, { size: "small" }, t('cairo.customFields.addCustomField.modal.advancedSettings.externalApps')),
+                                React.createElement(InfoIcon, { size: "small", content: React.createElement(Trans, { i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.externalApps.tooltip" }) }))),
+                        React.createElement(Cell, { span: 2 },
+                            React.createElement(Checkbox, { dataHook: "custom-field-modal-read-apps", disabled: mode === 'edit' && permissions.read.apps, size: "small", onChange: () => {
+                                    readApps.onChange(!readApps.value);
+                                }, checked: readApps.value }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))),
+                        React.createElement(Cell, { span: 2 },
+                            React.createElement(Checkbox, { dataHook: "custom-field-modal-write-apps", disabled: mode === 'edit' && permissions.write.apps, size: "small", onChange: () => {
+                                    writeApps.onChange(!writeApps.value);
+                                }, checked: writeApps.value }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))),
+                React.createElement(Box, { marginTop: "SP2" },
+                    React.createElement(Layout, null,
+                        React.createElement(Cell, { span: 4 },
+                            React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
+                                React.createElement(Text, { size: "small" }, t('cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors')),
+                                React.createElement(InfoIcon, { size: "small", content: React.createElement(Trans, { i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.tooltip", components: {
+                                            learnMore: (React.createElement(TextButton, { underline: "always", skin: "light", size: "small", as: "a", rel: "noopener", target: "_blank", href: `https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset` })),
+                                        } }) }))),
+                        React.createElement(Cell, { span: 2 },
+                            React.createElement(Checkbox, { dataHook: "custom-field-modal-read-users", disabled: mode === 'edit' && permissions.read.users, size: "small", onChange: () => {
+                                    readUsers.onChange(!readUsers.value);
+                                }, checked: readUsers.value }, t('cairo.customFields.addCustomField.modal.advancedSettings.read'))),
+                        React.createElement(Cell, { span: 2 },
+                            React.createElement(Checkbox, { dataHook: "custom-field-modal-write-users", disabled: mode === 'edit' && permissions.write.users, size: "small", onChange: () => {
+                                    writeUsers.onChange(!writeUsers.value);
+                                }, checked: writeUsers.value }, t('cairo.customFields.addCustomField.modal.advancedSettings.write'))))),
+                React.createElement(Box, null,
+                    React.createElement(Text, { size: "tiny", light: true, secondary: true, dataHook: "permissions-note" },
+                        React.createElement(Trans, { i18nKey: "cairo.customFields.addCustomField.modal.advancedSettings.siteVisitors.note", components: {
+                                learnMore: (React.createElement(TextButton, { underline: "always", size: "tiny", as: "a", rel: "noopener", target: "_blank", href: `https://support.wix.com/${language}/article/content-manager-connecting-elements-to-a-collection-using-a-dataset` })),
+                            } }))),
+                React.createElement(Box, { direction: "vertical" },
+                    React.createElement(Box, { marginTop: "SP3", marginBottom: "SP3" },
+                        React.createElement(Divider, null)),
+                    React.createElement(FormField, { dataHook: "custom-field-modal-field-key", required: true, label: t('cairo.customFields.addCustomField.modal.advancedSettings.key.title'), status: key.hasError ? 'error' : undefined, statusMessage: key.error },
+                        React.createElement(Layout, null,
+                            React.createElement(Cell, { span: 6 },
+                                React.createElement(Input, { dataHook: "custom-field-modal-key", disabled: mode === 'edit', value: key.value, onChange: (e) => {
+                                        key.onChange(e.target.value.toLowerCase());
+                                        reportKeyFormFieldChange();
+                                    }, placeholder: t('cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder') })))),
+                    !key.hasError && (React.createElement(Box, { marginTop: "SP1" },
+                        React.createElement(Text, { size: "tiny", secondary: true, dataHook: "custom-field-modal-fieldKey-tooltip" }, mode === 'new'
+                            ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip')
+                            : t('cairo.customFields.editCustomField.fieldKey.tooltip')))))))));
+};
+export const CustomFieldForm = observer(_CustomFieldForm);
+//# sourceMappingURL=CustomFieldForm.js.map

package/dist/esm/components/CustomFieldModal/CustomFieldForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldForm.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldModal/CustomFieldModal.js

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Text } from '@wix/design-system';
+import { CollectionActionCustomLayoutModal } from '../CollectionActionModal';
+import { CustomFieldForm } from '.';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CustomFieldModalPrimaryButton } from './CustomFieldModalPrimaryButton';
+import { CustomFieldModalState } from '@wix/bex-core';
+import { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';
+export const _CustomFieldModal = ({ state }) => {
+    if (process.env.NODE_ENV !== 'production') {
+        // We show form errors in the FormField status messages which were introduced
+        // in wix-style-react 10.56.0
+        minimalRequiredWdsRuntimeCheck({
+            required: '^1.64.1',
+            requiredBy: 'Cairo/CustomFieldModal',
+        });
+    }
+    const { translate: t, environment: { language }, } = useWixPatternsContainer();
+    const [customFieldModalState] = useState(() => {
+        var _a;
+        (_a = state.customFieldModalState) !== null && _a !== void 0 ? _a : (state.customFieldModalState = new CustomFieldModalState({
+            dataExtensionState: state,
+        }));
+        return state.customFieldModalState;
+    });
+    const { mode, customFieldModalBiReporter: { reportLearnMoreClick, reportModalEndProcess }, } = customFieldModalState;
+    return (React.createElement(CollectionActionCustomLayoutModal, { dataHook: "custom-field-modal", state: customFieldModalState.modalState, title: mode === 'new'
+            ? t('cairo.customFields.addCustomField.modal.title')
+            : t('cairo.customFields.editCustomField.modal.title'), subtitle: mode === 'new' && (React.createElement(Box, { direction: "vertical" },
+            React.createElement(Text, null, t('cairo.customFields.addCustomField.modal.subtitle')),
+            React.createElement(Text, null, t('cairo.customFields.addCustomField.modal.subtitle.note')))), content: React.createElement(CustomFieldForm, { state: customFieldModalState }), primaryButtonText: React.createElement(CustomFieldModalPrimaryButton, { state: customFieldModalState, content: mode === 'new'
+                ? t('cairo.customFields.addCustomField.modal.add.CTA')
+                : t('cairo.customFields.editCustomField.save.CTA') }), secondaryButtonText: t('cairo.customFields.addCustomField.modal.cancel.CTA'), onCloseButtonClick: () => {
+            reportModalEndProcess({ endType: 'Cancel' });
+        }, secondaryButtonOnClick: () => {
+            reportModalEndProcess({ endType: 'Cancel' });
+        }, footnote: React.createElement(Text, { size: "small" },
+            t('cairo.customFields.addCustomField.modal.PII'),
+            "\u00A0",
+            React.createElement("a", { href: `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`, target: "_blank", rel: "noreferrer", onClick: () => {
+                    reportLearnMoreClick();
+                } }, t('cairo.customFields.addCustomField.modal.PII.learnMore'))) }));
+};
+export const CustomFieldModal = observer(_CustomFieldModal);
+//# sourceMappingURL=CustomFieldModal.js.map

package/dist/esm/components/CustomFieldModal/CustomFieldModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldModal.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldModal/CustomFieldModal.uni.driver.js

@@ -0,0 +1,96 @@
+import { MessageModalLayoutUniDriver, DropdownUniDriver, FormFieldUniDriver, CheckboxUniDriver, InputUniDriver, TextButtonUniDriver, LoaderUniDriver, FloatingNotificationUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function CustomFieldModalUniDriver(_base, body) {
+    const getCustomFieldModal = () => MessageModalLayoutUniDriver(body.$('[data-hook="custom-field-modal"]'), body);
+    const getSettingsButton = () => TextButtonUniDriver(body.$('[data-hook="custom-field-modal-settings-button"]'), body);
+    const getErrorStateNotification = () => FloatingNotificationUniDriver(body.$('[data-hook="custom-field-modal-error-state"]'), body);
+    const getLoader = () => LoaderUniDriver(body.$('[data-hook="custom-field-modal-status-submitting"]'), body);
+    const getFieldKeyTooltip = () => TextUniDriver(body.$('[data-hook="custom-field-modal-fieldKey-tooltip"]'), body);
+    const exists = () => getCustomFieldModal().exists();
+    const clickConfirm = () => getCustomFieldModal()
+        .getPrimaryButtonDriver()
+        .then((driver) => driver.click());
+    const clickClose = () => getCustomFieldModal().clickCloseButton();
+    const clickCancel = () => getCustomFieldModal()
+        .getSecondaryButtonDriver()
+        .then((driver) => driver.click());
+    const clickAdvancedSettings = () => getSettingsButton().click();
+    const isSubmitting = () => getLoader().exists();
+    const getFormTypeDriver = () => DropdownUniDriver(body.$('[data-hook="custom-field-modal-type"]'), body);
+    const getFormNameDriver = () => InputUniDriver(body.$('[data-hook="custom-field-modal-name"]'), body);
+    const getFormKeyDriver = () => InputUniDriver(body.$('[data-hook="custom-field-modal-key"]'), body);
+    const getFormReadApps = () => CheckboxUniDriver(body.$('[data-hook="custom-field-modal-read-apps"]'), body);
+    const getFormWriteApps = () => CheckboxUniDriver(body.$('[data-hook="custom-field-modal-write-apps"]'), body);
+    const getFormReadUsers = () => CheckboxUniDriver(body.$('[data-hook="custom-field-modal-read-users"]'), body);
+    const getFormWriteUsers = () => CheckboxUniDriver(body.$('[data-hook="custom-field-modal-write-users"]'), body);
+    const getTypeFormFieldDriver = () => FormFieldUniDriver(body.$('[data-hook="custom-field-modal-field-type"]'), body);
+    const getNameFormFieldDriver = () => FormFieldUniDriver(body.$('[data-hook="custom-field-modal-field-name"]'), body);
+    const getKeyFormFieldDriver = () => FormFieldUniDriver(body.$('[data-hook="custom-field-modal-field-key"]'), body);
+    const getFormDrivers = () => ({
+        getFormTypeDriver,
+        getFormNameDriver,
+        getFormKeyDriver,
+        getFormReadApps,
+        getFormWriteApps,
+        getFormReadUsers,
+        getFormWriteUsers,
+        getTypeFormFieldDriver,
+        getNameFormFieldDriver,
+        getKeyFormFieldDriver,
+        getFieldKeyTooltip,
+    });
+    const fillInCustomFieldForm = async ({ type, name, key, permissions, }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (type) {
+            await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(`custom-field-modal-type-${type}`);
+        }
+        if (name) {
+            await getFormNameDriver().enterText(name);
+        }
+        if (key) {
+            await getFormKeyDriver().enterText(key);
+        }
+        if (permissions) {
+            [
+                [getFormReadApps(), (_b = (_a = permissions === null || permissions === void 0 ? void 0 : permissions.read) === null || _a === void 0 ? void 0 : _a.includes('apps')) !== null && _b !== void 0 ? _b : false],
+                [getFormWriteApps(), (_d = (_c = permissions === null || permissions === void 0 ? void 0 : permissions.write) === null || _c === void 0 ? void 0 : _c.includes('apps')) !== null && _d !== void 0 ? _d : false],
+                [getFormReadUsers(), (_f = (_e = permissions === null || permissions === void 0 ? void 0 : permissions.read) === null || _e === void 0 ? void 0 : _e.includes('users')) !== null && _f !== void 0 ? _f : false],
+                [getFormWriteUsers(), (_h = (_g = permissions === null || permissions === void 0 ? void 0 : permissions.write) === null || _g === void 0 ? void 0 : _g.includes('users')) !== null && _h !== void 0 ? _h : false],
+            ].forEach(async ([driver, value]) => {
+                const isChecked = await driver.isChecked();
+                if ((value && !isChecked) || (!value && isChecked)) {
+                    await driver.click();
+                }
+            });
+        }
+    };
+    const getCustomFieldFormValues = async () => {
+        return {
+            type: await getFormTypeDriver().inputDriver.getValue(),
+            name: await getFormNameDriver().getValue(),
+            key: await getFormKeyDriver().getValue(),
+            permissions: {
+                read: {
+                    apps: await getFormReadApps().isChecked(),
+                    users: await getFormReadUsers().isChecked(),
+                },
+                write: {
+                    apps: await getFormWriteApps().isChecked(),
+                    users: await getFormWriteUsers().isChecked(),
+                },
+            },
+        };
+    };
+    return {
+        exists,
+        clickConfirm,
+        clickClose,
+        clickCancel,
+        clickAdvancedSettings,
+        fillInCustomFieldForm,
+        getCustomFieldFormValues,
+        getFormDrivers,
+        getErrorStateNotification,
+        isSubmitting,
+    };
+}
+//# sourceMappingURL=CustomFieldModal.uni.driver.js.map

package/dist/esm/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldModal.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldModal/CustomFieldModalPrimaryButton.js

@@ -0,0 +1,20 @@
+import React, { useState, useEffect, useRef, } from 'react';
+import { Box, Loader } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+const useElementWidth = (initialWidth = 0) => {
+    const [width, setWidth] = useState(initialWidth);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            setWidth(ref.current.clientWidth);
+        }
+    }, [ref.current]);
+    return [width, ref];
+};
+export const CustomFieldModalPrimaryButton = observer((props) => {
+    const { state: { isSubmitting }, content, } = props;
+    const [width, ref] = useElementWidth();
+    return (React.createElement("div", { ref: ref }, isSubmitting ? (React.createElement(Box, { verticalAlign: "middle", align: "center", width: width },
+        React.createElement(Loader, { dataHook: "custom-field-modal-status-submitting", size: "tiny" }))) : (content)));
+});
+//# sourceMappingURL=CustomFieldModalPrimaryButton.js.map

package/dist/esm/components/CustomFieldModal/CustomFieldModalPrimaryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldModalPrimaryButton.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldModalPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,QAAQ,EACR,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,eAAe,GAAG,CACtB,eAAuB,CAAC,EACA,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IACzD,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAElB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACtB,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,CAAC,KAAyC,EAAE,EAAE;IAC5C,MAAM,EACJ,KAAK,EAAE,EAAE,YAAY,EAAE,EACvB,OAAO,GACR,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,eAAe,EAAkB,CAAC;IAEvD,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,IACV,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK;QACrD,oBAAC,MAAM,IACL,QAAQ,EAAC,sCAAsC,EAC/C,IAAI,EAAC,MAAM,GACX,CACE,CACP,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';
+import { Checkbox, Date, DateAndTime, Number, Rename, } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export const _CustomFieldTypeDropdown = (props) => {
+    const { state: { form: { $: { type, name }, }, mode, generateUniqueKey, setKeyFieldIfNotDirty, }, } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const [fieldTypeOptions] = React.useState(() => [
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-shortText',
+            id: 'shortText',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Rename, null))),
+            title: t('cairo.customFields.fieldType.shortText'),
+            label: t('cairo.customFields.fieldType.shortText'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-longText',
+            id: 'longText',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Rename, null))),
+            title: t('cairo.customFields.fieldType.longText'),
+            label: t('cairo.customFields.fieldType.longText'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-date',
+            id: 'date',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Date, null))),
+            title: t('cairo.customFields.fieldType.date'),
+            label: t('cairo.customFields.fieldType.date'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-dateTime',
+            id: 'dateTime',
+            prefix: (React.createElement(Box, null,
+                React.createElement(DateAndTime, null))),
+            title: t('cairo.customFields.fieldType.dateAndTime'),
+            label: t('cairo.customFields.fieldType.dateAndTime'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-integer',
+            id: 'integer',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Number, null))),
+            title: t('cairo.customFields.fieldType.numberInteger'),
+            label: t('cairo.customFields.fieldType.numberInteger'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-decimal',
+            id: 'decimal',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Number, null))),
+            title: t('cairo.customFields.fieldType.numberDecimal'),
+            label: t('cairo.customFields.fieldType.numberDecimal'),
+        }),
+        listItemSelectBuilder({
+            dataHook: 'custom-field-modal-type-checkbox',
+            id: 'checkbox',
+            prefix: (React.createElement(Box, null,
+                React.createElement(Checkbox, null))),
+            title: t('cairo.customFields.fieldType.checkbox'),
+            label: t('cairo.customFields.fieldType.checkbox'),
+        }),
+        /* listItemSelectBuilder({
+          dataHook: 'custom-field-modal-type-dropdown',
+          id: 'dropdown',
+          prefix: (
+            <Box>
+              <DropdownIcon />
+            </Box>
+          ),
+          title: t('cairo.customFields.fieldType.dropdownList'),
+          label: t('cairo.customFields.fieldType.dropdownList'),
+        }),*/
+    ]);
+    return (React.createElement(Dropdown, { dataHook: "custom-field-modal-type", disabled: mode === 'edit', valueParser: (option) => option.label, selectedId: type.value, onSelect: ({ id }) => {
+            type.onChange(id);
+            setKeyFieldIfNotDirty(generateUniqueKey(name.value));
+        }, popoverProps: { appendTo: 'window', zIndex: 5001 }, dropdownWidth: "258px", placeholder: t('cairo.customFields.addCustomField.modal.fieldType.placeholder'), options: fieldTypeOptions }));
+};
+export const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);
+//# sourceMappingURL=CustomFieldTypeDropdown.js.map

package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldTypeDropdown.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldModal/index.js

@@ -0,0 +1,3 @@
+export * from './CustomFieldForm';
+export * from './CustomFieldModal';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CustomFieldModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldModal/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/CustomFields/CustomFieldsDisabledHint.js

@@ -0,0 +1,13 @@
+import { Text, Box } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+function _CustomFieldsDisabledHint(props) {
+    const { children, disabled, content } = props;
+    const { key, props: componentProps, type: Component } = children;
+    const { dataHook } = componentProps;
+    return (React.createElement(Box, { direction: "vertical", align: "center", gap: "SP1" },
+        React.createElement(Component, Object.assign({ key: key }, componentProps, { disabled: disabled })),
+        disabled && (React.createElement(Text, { dataHook: dataHook ? `${dataHook}-disabled-hint` : undefined, size: "small", skin: "disabled" }, content))));
+}
+export const CustomFieldsDisabledHint = observer(_CustomFieldsDisabledHint);
+//# sourceMappingURL=CustomFieldsDisabledHint.js.map

package/dist/esm/components/CustomFields/CustomFieldsDisabledHint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsDisabledHint.js","sourceRoot":"","sources":["../../../../src/components/CustomFields/CustomFieldsDisabledHint.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,SAAS,yBAAyB,CAA0B,KAI3D;IACC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IAEpC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;QAChD,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,cAAc,IAAE,QAAQ,EAAE,QAAQ,IAAI;QAC9D,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC5D,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,IAEd,OAAO,CACH,CACR,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/CustomFields/CustomFieldsDisabledHint.uni.driver.js

@@ -0,0 +1,10 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { AddItemUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function CustomFieldsDisabledHintUniDriver(base, body, { dataHook }) {
+    const buttonBase = () => base.$(`[data-hook="${dataHook}"]`);
+    return Object.assign(Object.assign(Object.assign({}, baseUniDriverFactory(base)), AddItemUniDriver(buttonBase(), body)), { isDisabled: async () => {
+            return ((await buttonBase().$('button').exists()) &&
+                (await buttonBase().$('button')._prop('disabled')) === true);
+        }, getHintText: () => TextUniDriver(base.$(`[data-hook="${dataHook}-disabled-hint"]`), body).getText() });
+}
+//# sourceMappingURL=CustomFieldsDisabledHint.uni.driver.js.map

package/dist/esm/components/CustomFields/CustomFieldsDisabledHint.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsDisabledHint.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFields/CustomFieldsDisabledHint.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,gBAAgB,EAChB,aAAa,GACd,MAAM,2CAA2C,CAAC;AAEnD,MAAM,UAAU,iCAAiC,CAC/C,IAAe,EACf,IAAe,EACf,EAAE,QAAQ,EAAwB;IAElC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,CAAC;IAE7D,qDACK,oBAAoB,CAAC,IAAI,CAAC,GAC1B,gBAAgB,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,KACvC,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,OAAO,CACL,CAAC,MAAM,UAAU,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;gBACzC,CAAC,MAAM,UAAU,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,CAC5D,CAAC;QACJ,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAChB,aAAa,CACX,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,kBAAkB,CAAC,EACjD,IAAI,CACL,CAAC,OAAO,EAAE,IACb;AACJ,CAAC"}

package/dist/esm/components/CustomFields/CustomFieldsDisabledTooltip.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import { DisabledTooltip, } from '../DisabledTooltip';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+function _CustomFieldsDisabledTooltip(props) {
+    const { children, disabled, content } = props, rest = __rest(props, ["children", "disabled", "content"]);
+    const { key, props: componentProps, type: Component } = children;
+    const { dataHook } = componentProps;
+    return (React.createElement(DisabledTooltip, Object.assign({ dataHook: dataHook ? `${dataHook}-disabled-tooltip` : undefined, content: content, appendTo: "window", maxWidth: "226px" }, rest),
+        React.createElement(Component, Object.assign({ key: key }, componentProps, { disabled: disabled }))));
+}
+export const CustomFieldsDisabledTooltip = observer(_CustomFieldsDisabledTooltip);
+//# sourceMappingURL=CustomFieldsDisabledTooltip.js.map

package/dist/esm/components/CustomFields/CustomFieldsDisabledTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsDisabledTooltip.js","sourceRoot":"","sources":["../../../../src/components/CustomFields/CustomFieldsDisabledTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,eAAe,GAEhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,SAAS,4BAA4B,CACnC,KAGC;IAED,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,mCAAwC,CAAQ,CAAC;IACvD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IAEpC,OAAO,CACL,oBAAC,eAAe,kBACd,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,OAAO,IACZ,IAAI;QAER,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,cAAc,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAC/C,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,4BAA4B,CAC7B,CAAC"}

package/dist/esm/components/CustomFields/index.js

@@ -0,0 +1,3 @@
+export * from './CustomFieldsDisabledHint';
+export * from './CustomFieldsDisabledTooltip';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CustomFields/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC"}

package/dist/esm/components/CustomFieldsForm/CustomFieldsForm.js

@@ -0,0 +1,40 @@
+import React, { useCallback, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Cell, Layout } from '@wix/design-system';
+import { FormFieldInput } from '../FormFieldInput';
+import { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';
+const toCellSpan = (size, type) => {
+    switch (type) {
+        case 'longText':
+        case 'checkbox':
+        case 'shortText':
+        case 'dateTime':
+            return size === 'default' ? 6 : 8;
+        default:
+            return size === 'default' ? 3 : 4;
+    }
+};
+const _CustomFieldsForm = ({ dataHook, state }) => {
+    useEffect(() => {
+        return state.init();
+    }, []);
+    const renderFieldInput = useCallback((field) => {
+        if (!field) {
+            return null;
+        }
+        const span = toCellSpan(state.formSize, field.type);
+        return (React.createElement(React.Fragment, { key: field.id },
+            React.createElement(Cell, { span: span },
+                React.createElement(FormFieldInput, { dataHook: `field-${field.id}`, schema: field, initialValue: state.getInitialValue(field.id), onChange: (newValue) => state.setValue(field.id, newValue), inputRef: (inputRef) => {
+                        state.setInputRef(field.id, inputRef);
+                    } })),
+            React.createElement(Cell, { span: 12 - span })));
+    }, [state.formSize]);
+    return (React.createElement(CustomFieldsFormContextProvider, { value: state },
+        React.createElement("div", { ref: (containerRef) => {
+                state.setContainerRef(containerRef);
+            } },
+            React.createElement(Layout, { dataHook: dataHook, gap: "SP4" }, state.schema.map(renderFieldInput)))));
+};
+export const CustomFieldsForm = observer(_CustomFieldsForm);
+//# sourceMappingURL=CustomFieldsForm.js.map

package/dist/esm/components/CustomFieldsForm/CustomFieldsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsForm.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAO7E,MAAM,UAAU,GAAG,CAAC,IAA0B,EAAE,IAAsB,EAAE,EAAE;IACxE,QAAQ,IAAI,EAAE;QACZ,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU,CAAC;QAChB,KAAK,WAAW,CAAC;QACjB,KAAK,UAAU;YACb,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACpC;YACE,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACrC;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAE,EAAE;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,IAAI,CAAC;SACb;QAED,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAEpD,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE;YAC3B,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI;gBACd,oBAAC,cAAc,IACb,QAAQ,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE,EAC7B,MAAM,EAAE,KAAK,EACb,YAAY,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,EAC1D,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;wBACrB,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;oBACxC,CAAC,GACD,CACG;YACP,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAG,IAAI,GAAI,CACV,CAClB,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,oBAAC,+BAA+B,IAAC,KAAK,EAAE,KAAK;QAC3C,6BACE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE;gBACpB,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YACtC,CAAC;YAED,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAC,KAAK,IAClC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAC5B,CACL,CAC0B,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsForm/CustomFieldsForm.uni.driver.js

@@ -0,0 +1,6 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import FormFieldInputUniDriver from '../FormFieldInput/FormFieldInput.uni.driver';
+export default (base, body) => {
+    return Object.assign({ field: (id) => FormFieldInputUniDriver(base.$(`[data-hook="field-${id}"]`), body) }, baseUniDriverFactory(base));
+};
+//# sourceMappingURL=CustomFieldsForm.uni.driver.js.map

package/dist/esm/components/CustomFieldsForm/CustomFieldsForm.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsForm.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,uBAAuB,MAAM,6CAA6C,CAAC;AAElF,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,uBACE,KAAK,EAAE,CAAC,EAAU,EAAE,EAAE,CACpB,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,IACjE,oBAAoB,CAAC,IAAI,CAAC,EAC7B;AACJ,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsForm/index.js

@@ -0,0 +1,2 @@
+export * from './CustomFieldsForm';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CustomFieldsForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/CustomFieldsFormContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import { assertContextValue } from '../createContext';
+export const customFieldsFormContextContext = createContext(null);
+export const CustomFieldsFormContextProvider = customFieldsFormContextContext.Provider;
+export const CustomFieldsWidgetContextConsumer = customFieldsFormContextContext.Consumer;
+export const useCustomFieldsFormContext = () => {
+    const value = useContext(customFieldsFormContextContext);
+    assertContextValue('CustomFieldsFormContextProvider', value);
+    return value;
+};
+//# sourceMappingURL=CustomFieldsFormContext.js.map

package/dist/esm/components/CustomFieldsFormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsFormContext.js","sourceRoot":"","sources":["../../../src/components/CustomFieldsFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,CAAC,MAAM,8BAA8B,GACzC,aAAa,CAA+B,IAAI,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,+BAA+B,GAC1C,8BAA8B,CAAC,QAAQ,CAAC;AAC1C,MAAM,CAAC,MAAM,iCAAiC,GAC5C,8BAA8B,CAAC,QAAQ,CAAC;AAE1C,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACzD,kBAAkB,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;IAC7D,OAAO,KAA8B,CAAC;AACxC,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsPanel/AddCustomFieldCTAButton.js

@@ -0,0 +1,13 @@
+import { AddItem } from '@wix/design-system';
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CustomFieldsDisabledHint } from '../CustomFields';
+import { observer } from 'mobx-react-lite';
+function _AddCustomFieldCTAButton({ state, onClick, }) {
+    const container = useWixPatternsContainer();
+    const { translate: t } = container;
+    return (React.createElement(CustomFieldsDisabledHint, { disabled: state.disableAddCustomField, content: state.disableAddCustomFieldContent },
+        React.createElement(AddItem, { dataHook: "data-extension-add-new", onClick: onClick }, t('cairo.customFields.addCustomField.CTA'))));
+}
+export const AddCustomFieldCTAButton = observer(_AddCustomFieldCTAButton);
+//# sourceMappingURL=AddCustomFieldCTAButton.js.map

package/dist/esm/components/CustomFieldsPanel/AddCustomFieldCTAButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCustomFieldCTAButton.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsPanel/AddCustomFieldCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,SAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,OAAO,GACsB;IAC7B,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IAEnC,OAAO,CACL,oBAAC,wBAAwB,IACvB,QAAQ,EAAE,KAAK,CAAC,qBAAqB,EACrC,OAAO,EAAE,KAAK,CAAC,4BAA4B;QAE3C,oBAAC,OAAO,IAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,IACxD,CAAC,CAAC,uCAAuC,CAAC,CACnC,CACe,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}