useblocks 1.1.85-dev.1 → 1.1.85-dev.10

package/static/core/1fa93ad8.js

@@ -0,0 +1,28 @@
+(function(){try{if(typeof document<"u"){var r=".blocks-app .form-editor-calendar-panel.panel-form{height:100%;min-height:0;max-height:100%}.blocks-app .form-editor-calendar-panel .panel-form__body.form-editor-calendar-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:hidden auto}.blocks-app .form-editor-calendar-panel .panel-form__body-content{box-sizing:border-box;min-height:0}.blocks-app .form-editor-calendar-panel__title{font-size:16px;font-weight:600}.blocks-app .form-editor-calendar-panel__inner{box-sizing:border-box;padding:16px 20px 32px}.blocks-app .form-editor-calendar.ant-form-vertical>.ant-form-item{margin-bottom:20px}.blocks-app .form-editor-calendar__label-with-info{align-items:center;gap:6px;display:inline-flex}.blocks-app .form-editor-calendar__info-icon{color:var(--ub-colorTextSecondary);cursor:help;display:inline-flex}.blocks-app .form-editor-calendar__section-divider{margin:16px 0 20px}.blocks-app .form-editor-calendar__more-btn{margin-bottom:12px}.blocks-app .form-editor-calendar__expanded{flex-direction:column;gap:0;margin-top:8px;display:flex}.blocks-app .form-editor-calendar__expanded>.form-section:first-child>.form-section__header .form-section__title{padding-top:12px}.blocks-app .form-editor-calendar__section.form-section .form-section__body{padding-top:8px;padding-bottom:18px}.blocks-app .form-editor-calendar__bg-preview{align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.blocks-app .form-editor-calendar__bg-chip{border-radius:calc(var(--ub-borderRadius) * 1px);border:1px solid var(--ub-colorBorderSecondary);justify-content:center;align-items:center;min-width:40px;height:36px;padding:0 10px;line-height:1;display:inline-flex}.blocks-app .form-editor-calendar__bg-chip--active{box-shadow:0 0 0 1px var(--ub-colorPrimaryBg)}.blocks-app .form-editor-calendar__full-width{width:100%}.blocks-app .form-editor-calendar__typography-stack{flex-direction:column;gap:16px;display:flex}.blocks-app .form-editor-calendar .form-border-radius-inputs,.blocks-app .form-editor-calendar .em-form-border-inputs{margin-top:4px}.blocks-app .form-editor-checkbox-panel.panel-form{height:100%;min-height:0;max-height:100%}.blocks-app .form-editor-checkbox-panel .panel-form__body.form-editor-checkbox-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:hidden auto}.blocks-app .form-editor-checkbox-panel .panel-form__body-content{box-sizing:border-box;min-height:0}.blocks-app .form-editor-checkbox-panel__title{font-size:16px;font-weight:600}.blocks-app .form-editor-checkbox-panel__inner{box-sizing:border-box;padding:16px 20px 32px}.blocks-app .form-editor-checkbox.ant-form-vertical>.ant-form-item{margin-bottom:20px}.blocks-app .form-editor-checkbox__label-with-info{align-items:center;gap:6px;display:inline-flex}.blocks-app .form-editor-checkbox__info-icon{color:var(--ub-colorTextSecondary);cursor:help;display:inline-flex}.blocks-app .form-editor-checkbox__default-radios.em-radio.ant-radio-group,.blocks-app .form-editor-checkbox__shape-radios.em-radio.ant-radio-group{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.blocks-app .form-editor-checkbox__icon-toggle-group.em-radio.ant-radio-group{flex-wrap:nowrap;gap:6px;display:flex}.blocks-app .form-editor-checkbox__icon-toggle-group .ant-radio-button-wrapper{justify-content:center;align-items:center;min-width:32px;padding-inline:10px;line-height:1;display:inline-flex}.blocks-app .form-editor-checkbox__inner-section-divider{margin:12px 0 16px}.blocks-app .form-editor-checkbox__align-form-item.ant-form-item{margin-bottom:0}.blocks-app .form-editor-checkbox__align-block{margin-top:16px}.blocks-app .form-editor-checkbox__align-columns{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.blocks-app .form-editor-checkbox__align-column{flex:140px;min-width:108px}.blocks-app .form-editor-checkbox__section-divider{margin:16px 0 20px}.blocks-app .form-editor-checkbox__more-btn{margin-bottom:12px}.blocks-app .form-editor-checkbox__bg-preview{flex-direction:column;gap:8px;margin-top:4px;padding-top:8px;display:flex}.blocks-app .form-editor-checkbox__preview-panel{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;flex-direction:column;gap:6px;padding:10px;display:flex}.blocks-app .form-editor-checkbox__preview-row{box-sizing:border-box;align-items:center;gap:10px;min-height:28px;padding:4px 0;display:flex}.blocks-app .form-editor-checkbox__preview-checkbox{box-sizing:border-box;border-style:solid;border-width:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.blocks-app .form-editor-checkbox__preview-checkbox--round{border-radius:50%}.blocks-app .form-editor-checkbox__preview-checkbox--square{border-radius:2px}.blocks-app .form-editor-checkbox__preview-label{color:var(--ub-colorText);font-size:12px;line-height:1.3}.blocks-app .form-editor-checkbox__section.form-section .form-section__body{padding-top:8px;padding-bottom:18px}.blocks-app .form-editor-checkbox__expanded{flex-direction:column;gap:0;margin-top:8px;display:flex}.blocks-app .form-editor-checkbox__expanded>.form-section:first-child>.form-section__header .form-section__title{padding-top:12px}.blocks-app .form-editor-checkbox__full-width{width:100%}.blocks-app .form-editor-checkbox__micro-label{color:var(--ub-colorTextSecondary);margin-bottom:0;font-size:12px;line-height:1.2;display:block}.blocks-app .form-editor-checkbox .form-border-radius-inputs,.blocks-app .form-editor-checkbox .em-form-border-inputs{margin-top:4px}.blocks-app .form-editor-dropdown-list-panel.panel-form{height:100%;min-height:0;max-height:100%}.blocks-app .form-editor-dropdown-list-panel .panel-form__body.form-editor-dropdown-list-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:hidden auto}.blocks-app .form-editor-dropdown-list-panel .panel-form__body-content{box-sizing:border-box;min-height:0}.blocks-app .form-editor-dropdown-list-panel__title{font-size:16px;font-weight:600}.blocks-app .form-editor-dropdown-list-panel__inner{box-sizing:border-box;padding:16px 20px 32px}.blocks-app .form-editor-dropdown.ant-form-vertical>.ant-form-item{margin-bottom:20px}.blocks-app .form-editor-dropdown__section-divider{margin:16px 0 20px}.blocks-app .form-editor-dropdown__more-btn{margin-bottom:12px}.blocks-app .form-editor-dropdown__bg-preview{flex-direction:column;gap:8px;margin-top:4px;padding-top:8px;display:flex}.blocks-app .form-editor-dropdown__trigger-mock{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:4px 11px;display:flex}.blocks-app .form-editor-dropdown__trigger-mock-text{min-width:0;color:var(--ub-colorTextQuaternary,var(--ub-colorTextSecondary));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;line-height:1.3;overflow:hidden}.blocks-app .form-editor-dropdown__trigger-mock-arrow{flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.blocks-app .form-editor-dropdown__list-mock{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.blocks-app .form-editor-dropdown__list-mock-item{color:var(--ub-colorText);font-size:12px;line-height:1.4}.blocks-app .form-editor-dropdown__section.form-section .form-section__body{padding-top:8px;padding-bottom:18px}.blocks-app .form-editor-dropdown__expanded{flex-direction:column;gap:0;margin-top:8px;display:flex}.blocks-app .form-editor-dropdown__expanded>.form-section:first-child>.form-section__header .form-section__title{padding-top:12px}.blocks-app .form-editor-dropdown__full-width{width:100%}.blocks-app .form-editor-dropdown .form-border-radius-inputs,.blocks-app .form-editor-dropdown .em-form-border-inputs{margin-top:4px}.blocks-app .form-editor-input-panel.panel-form{height:100%;min-height:0;max-height:100%}.blocks-app .form-editor-input-panel .panel-form__body.form-editor-input-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:hidden auto}.blocks-app .form-editor-input-panel .panel-form__body-content{box-sizing:border-box;min-height:0}.blocks-app .form-editor-input-panel__title{font-size:16px;font-weight:600}.blocks-app .form-editor-input-panel__inner{box-sizing:border-box;padding:16px 20px 32px}.blocks-app .form-editor-input.ant-form-vertical>.ant-form-item{margin-bottom:20px}.blocks-app .form-editor-input__icon-toggle-group.em-radio.ant-radio-group{flex-wrap:nowrap;gap:6px;display:flex}.blocks-app .form-editor-input__icon-toggle-group .ant-radio-button-wrapper{justify-content:center;align-items:center;min-width:32px;padding-inline:10px;line-height:1;display:inline-flex}.blocks-app .form-editor-input__align-form-item.ant-form-item{margin-bottom:0}.blocks-app .form-editor-input__align-columns{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.blocks-app .form-editor-input__align-column{flex:140px;min-width:108px}.blocks-app .form-editor-input__section-divider{margin:16px 0 20px}.blocks-app .form-editor-input__more-btn{margin-bottom:12px}.blocks-app .form-editor-input__bg-preview{margin-top:4px;padding-top:8px}.blocks-app .form-editor-input__preview-panel{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;padding:10px}.blocks-app .form-editor-input__preview-input{border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;text-align:left;border-style:solid;border-width:1px;width:100%;min-height:32px;padding:6px 11px;font-size:14px;line-height:1.4}.blocks-app .form-editor-input__preview-placeholder-bit{opacity:.65}.blocks-app .form-editor-input__section.form-section .form-section__body{padding-top:8px;padding-bottom:18px}.blocks-app .form-editor-input__expanded{flex-direction:column;gap:0;margin-top:8px;display:flex}.blocks-app .form-editor-input__expanded>.form-section:first-child>.form-section__header .form-section__title{padding-top:12px}.blocks-app .form-editor-input__full-width{width:100%}.blocks-app .form-editor-input .form-border-radius-inputs,.blocks-app .form-editor-input .em-form-border-inputs{margin-top:4px}.blocks-app .form-editor-input__padding-row{flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;display:flex}.blocks-app .form-editor-input__padding-field.ant-form-item{flex:120px;min-width:100px;max-width:calc(50% - 4px);margin-bottom:0}.blocks-app .form-editor-input__padding-link-btn{flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.blocks-app .form-editor-input__advanced-block{flex-direction:column;gap:8px;width:100%;display:flex}.blocks-app .form-editor-input__advanced-block+.form-editor-input__advanced-block{margin-top:16px}.blocks-app .form-editor-input__advanced-switch-row{align-items:center;gap:12px;width:100%;padding:6px 0;display:flex}.blocks-app .form-editor-input__advanced-switch-label{color:var(--ub-colorText);flex:auto;min-width:0;margin:0;font-size:14px;line-height:1.3}.blocks-app .form-editor-input__advanced-description{margin:0;font-size:12px;line-height:1.35;display:block}.blocks-app .form-editor-input__visibility-row{flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;display:flex}.blocks-app .form-editor-input__visibility-form-item.ant-form-item,.blocks-app .form-editor-input__direction-form-item.ant-form-item{margin-bottom:0}.blocks-app .form-editor-input__visibility-segment.ant-radio-group,.blocks-app .form-editor-input__visibility-amp.ant-radio-group{flex-wrap:wrap;gap:6px;display:flex}.blocks-app .form-editor-input__visibility-segment .ant-radio-button-wrapper,.blocks-app .form-editor-input__visibility-amp .ant-radio-button-wrapper{justify-content:center;align-items:center;display:inline-flex}.blocks-app .form-editor-radio-panel.panel-form{height:100%;min-height:0;max-height:100%}.blocks-app .form-editor-radio-panel .panel-form__body.form-editor-radio-panel__body{-webkit-overflow-scrolling:touch;flex:1;min-width:0;min-height:0;overflow:hidden auto}.blocks-app .form-editor-radio-panel .panel-form__body-content{box-sizing:border-box;min-height:0}.blocks-app .form-editor-radio-panel__title{font-size:16px;font-weight:600}.blocks-app .form-editor-radio-panel__inner{box-sizing:border-box;padding:16px 20px 32px}.blocks-app .form-editor-radio.ant-form-vertical>.ant-form-item{margin-bottom:20px}.blocks-app .form-editor-radio__default-radios.em-radio.ant-radio-group,.blocks-app .form-editor-radio__shape-radios.em-radio.ant-radio-group{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.blocks-app .form-editor-radio__icon-toggle-group.em-radio.ant-radio-group{flex-wrap:nowrap;gap:6px;display:flex}.blocks-app .form-editor-radio__icon-toggle-group .ant-radio-button-wrapper{justify-content:center;align-items:center;min-width:32px;padding-inline:10px;line-height:1;display:inline-flex}.blocks-app .form-editor-radio__inner-section-divider{margin:12px 0 16px}.blocks-app .form-editor-radio__position-block,.blocks-app .form-editor-radio__layout-form-item.ant-form-item,.blocks-app .form-editor-radio__align-form-item.ant-form-item{margin-bottom:0}.blocks-app .form-editor-radio__align-block{margin-top:16px}.blocks-app .form-editor-radio__section-divider{margin:16px 0 20px}.blocks-app .form-editor-radio__more-btn{margin-bottom:12px}.blocks-app .form-editor-radio__bg-preview{flex-direction:column;gap:8px;margin-top:4px;padding-top:8px;display:flex}.blocks-app .form-editor-radio__preview-panel{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;flex-direction:column;gap:6px;padding:10px;display:flex}.blocks-app .form-editor-radio__preview-row{border-radius:calc(var(--ub-borderRadius) * 1px);box-sizing:border-box;align-items:center;gap:10px;min-height:28px;padding:4px 8px;display:flex}.blocks-app .form-editor-radio__preview-dot{border:2px solid var(--ub-colorBorderSecondary);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:14px;height:14px}.blocks-app .form-editor-radio__preview-dot--selected{border-style:solid}.blocks-app .form-editor-radio__preview-label{color:var(--ub-colorText);font-size:12px;line-height:1.3}.blocks-app .form-editor-radio__section.form-section .form-section__body{padding-top:8px;padding-bottom:18px}.blocks-app .form-editor-radio__expanded{flex-direction:column;gap:0;margin-top:8px;display:flex}.blocks-app .form-editor-radio__expanded>.form-section:first-child>.form-section__header .form-section__title{padding-top:12px}.blocks-app .form-editor-radio__full-width{width:100%}.blocks-app .form-editor-radio__micro-label{color:var(--ub-colorTextSecondary);margin-bottom:0;font-size:12px;line-height:1.2;display:block}.blocks-app .form-editor-radio .form-border-radius-inputs,.blocks-app .form-editor-radio .em-form-border-inputs{margin-top:4px}",o=window.__useblocks_styles__||(window.__useblocks_styles__={sheets:{},order:[]}),t=r;if(!o.sheets[t]){var e=null;try{typeof CSSStyleSheet=="function"&&"replaceSync"in CSSStyleSheet.prototype&&(e=new CSSStyleSheet,e.replaceSync(r))}catch{e=null}if(e){if(!o.host||!o.host.isConnected||!o.host.sheet){var i=document.createElement("style");i.setAttribute("data-useblocks","true"),document.head.appendChild(i),o.host=i}for(var d=o.host.sheet,a=0;a<e.cssRules.length;a++)try{d.insertRule(e.cssRules[a].cssText,d.cssRules.length)}catch{}(o.texts||(o.texts=[])).push(r),(o.listeners||[]).forEach(function(p){try{p(r)}catch{}})}else{var i=document.createElement("style");i.setAttribute("data-useblocks","true"),i.appendChild(document.createTextNode(r)),document.head.appendChild(i)}o.sheets[t]=!0,o.order.push(t)}}}catch(p){console.error("vite-plugin-css-injected-by-js",p)}})();
+__useblocks__.define("static/core/ef6346a6.js",["require","exports","module","static/core/2ff39ddf.js","static/core/8704beac.js","static/core/e375888c.js","react","react/jsx-runtime","__delivery__/libs","classnames"],function(B,I,De){const J=B("./2ff39ddf.js"),r=B("./8704beac.js"),u=B("./e375888c.js");let d=B("react");d=J.__toESM(d);let e=B("react/jsx-runtime"),i=B("__delivery__/libs"),Q=B("classnames");Q=J.__toESM(Q);var S=J.__toESM(r.require_prop_types()),h="calendar_",ee=`${h}borderRadiusAll`,N=`${h}borderRadiusTopLeft`,y=`${h}borderRadiusTopRight`,L=`${h}borderRadiusBottomLeft`,w=`${h}borderRadiusBottomRight`,ne="Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",he=t=>t.closest(".email-pane__collapse-wrapper")||t.closest(".email-pane__content-col")||document.body;function ie({namePrefix:t,microLabel:l}){const a=u.useGoogleFontsLoader(),{__:o}=r.useI18n(),c=r.useSelector(r.selectEmailSettings)?.usedColors;return(0,e.jsx)(i.ui_kit$FormTypographyFields,{namePrefix:t,microLabel:l,usedColors:c,loadGoogleFonts:a,getPopupContainer:he,formatLabels:{bold:o("Strong  ( Ctrl+B )"),italic:o("Italic  ( Ctrl+I )"),strikethrough:o("Strikethrough ( Alt+Shift+5 )"),underline:o("Underline ( Ctrl+U )")},inputLabels:{fontSize:o("Font size"),lineHeight:o("Line height"),textColor:o("Text color")}})}ie.propTypes={namePrefix:S.default.string.isRequired,microLabel:S.default.node.isRequired};function xe(){const t=i.ui_kit$Form.useWatch("inactiveDateBg"),l=i.ui_kit$Form.useWatch("activeDateBg"),a=i.ui_kit$Form.useWatch("inactiveColor"),o=i.ui_kit$Form.useWatch("activeColor"),c=i.ui_kit$Form.useWatch("inactiveFontFamily"),_=i.ui_kit$Form.useWatch("activeFontFamily"),m=i.ui_kit$Form.useWatch("inactiveFontSize"),$=i.ui_kit$Form.useWatch("activeFontSize"),b=i.ui_kit$Form.useWatch("inactiveTextStrong"),g=i.ui_kit$Form.useWatch("activeTextStrong");return(0,e.jsxs)("div",{className:"form-editor-calendar__bg-preview","aria-hidden":!0,children:[(0,e.jsx)("span",{className:"form-editor-calendar__bg-chip",style:{background:t,color:a,fontFamily:c,fontSize:m,fontWeight:b?700:400},children:"31"}),(0,e.jsx)("span",{className:"form-editor-calendar__bg-chip form-editor-calendar__bg-chip--active",style:{background:l,color:o,fontFamily:_,fontSize:$,fontWeight:g?700:400},children:"15"})]})}var ke=()=>{const{__:t}=r.useI18n(),l=r.useDispatch(),a=r.useAppConfig(),[o]=i.ui_kit$Form.useForm(),[c,_]=(0,d.useState)(!1),[m,$]=(0,d.useState)(!0),b=(0,d.useMemo)(()=>({placeholder:"",valueMode:void 0,dateFormat:"24h",required:!1,inactiveDateBg:"#ffffff",activeDateBg:"#01bca6",inactiveFontFamily:ne,inactiveFontSize:19,inactiveLineHeight:24,inactiveColor:"#333333",inactiveTextStrong:!1,inactiveTextItalic:!1,inactiveTextStrikethrough:!1,inactiveTextUnderline:!1,activeFontFamily:ne,activeFontSize:19,activeLineHeight:24,activeColor:"#ffffff",activeTextStrong:!0,activeTextItalic:!1,activeTextStrikethrough:!1,activeTextUnderline:!1,[`${h}borderPosition`]:`${h}borderAll`,[`${h}borderAll`]:{width:1,style:"solid",color:"#ffffff"},[`${h}borderTop`]:{...u.NULL_BORDER},[`${h}borderBottom`]:{...u.NULL_BORDER},[`${h}borderRight`]:{...u.NULL_BORDER},[`${h}borderLeft`]:{...u.NULL_BORDER},[ee]:5,[N]:null,[y]:null,[L]:null,[w]:null}),[]),g=(0,d.useCallback)(()=>{l(r.setActiveSettingsTab(r.BUILD))},[l]),F=(0,d.useCallback)(()=>{const n=o.getFieldsValue(!0);if(m){const j=n[ee]??0;o.setFieldsValue({[N]:j,[y]:j,[L]:j,[w]:j})}else{const j=n[N];j===n[y]&&j===n[L]&&j===n[w]?o.setFieldsValue({[ee]:j}):o.setFieldsValue({[N]:null,[y]:null,[L]:null,[w]:null})}$(j=>!j)},[o,m]),R=[{value:"24h",label:t("24 hours")},{value:"12h",label:t("12 hours")},{value:"DDMMYYYY",label:"DD.MM.YYYY"},{value:"YYYYMMDD",label:"YYYY-MM-DD"}],C=[{value:"empty",label:t("Enter value")},{value:"today",label:t("Today")},{value:"custom",label:t("Custom")}],T=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Remove"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DeleteOutlined",component:i.icons$DeleteOutlined,size:18,strokeWidth:a.iconStrokeWidth})})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Link"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"LinkOutlined",component:i.icons$LinkOutlined,size:18,strokeWidth:a.iconStrokeWidth})})})]}),s=(0,e.jsx)("div",{className:"form-editor-calendar-panel__inner",children:(0,e.jsxs)(i.ui_kit$Form,{form:o,layout:"vertical",className:"element-controls form-editor-calendar",autoComplete:"off",initialValues:b,children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"placeholder",label:t("Placeholder"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Text visible at the start"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"valueMode",label:(0,e.jsxs)("span",{className:"form-editor-calendar__label-with-info",children:[t("Value"),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Default or bound value for the field"),children:(0,e.jsx)("span",{className:"form-editor-calendar__info-icon",children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"InfoCircleOutlined",component:i.icons$InfoCircleOutlined,size:16})})})]}),children:(0,e.jsx)(i.ui_kit$Select,{className:"form-editor-calendar__full-width",placeholder:t("Enter value"),options:C,allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"dateFormat",label:t("Date format"),children:(0,e.jsx)(i.ui_kit$Select,{className:"form-editor-calendar__full-width",options:R})}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"required",label:t("Required field")}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-calendar__section-divider"}),(0,e.jsx)(i.ui_kit$Button,{type:c?"primary":"default",block:!0,className:"form-editor-calendar__more-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"SettingOutlined",component:i.icons$SettingOutlined,size:16}),onClick:()=>_(n=>!n),children:t(c?"Fewer settings":"More settings")}),c&&(0,e.jsxs)("div",{className:"form-editor-calendar__expanded",children:[(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-calendar__section",title:t("Background"),children:(0,e.jsxs)(i.ui_kit$Space,{orientation:"vertical",size:20,className:"form-editor-calendar__full-width",children:[(0,e.jsx)(i.ui_kit$FormColorField,{name:"inactiveDateBg",label:t("Inactive date background color")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"activeDateBg",label:t("Active date background color")}),(0,e.jsx)(xe,{})]})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-calendar__section",title:t("Input field text"),children:(0,e.jsxs)("div",{className:"form-editor-calendar__typography-stack",children:[(0,e.jsx)(ie,{namePrefix:"inactive",microLabel:t("Inactive date font")}),(0,e.jsx)(ie,{namePrefix:"active",microLabel:t("Active date font")})]})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-calendar__section",title:t("Border radius"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(i.ui_kit$FormBorderRadiusInputs,{namePrefix:h,typeOfForm:"desktop",oneBorderRadiusValue:m,onToggle:F,borderRadiusIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"RadiusUpleftOutlined",component:i.icons$RadiusUpleftOutlined,className:"selected-td-form__icon-radius"}),labels:{borderRadius:t("Border radius"),topLeft:t("Top left corner"),topRight:t("Top right corner"),bottomLeft:t("Bottom left corner"),bottomRight:t("Bottom right corner")}})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-calendar__section",title:t("Border"),children:(0,e.jsx)(u.SelectedElementFormBorder,{form:o,namePrefix:h})})]})]})});return(0,e.jsxs)(i.ui_kit$PanelForm,{className:"form-editor-calendar-panel",children:[(0,e.jsx)(i.ui_kit$PanelForm.Header,{onClose:g,closeIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Close",component:i.icons$Close,size:24,strokeWidth:a.iconStrokeWidth}),extra:T,children:(0,e.jsx)(i.ui_kit$PanelForm.HeaderTitle,{className:"form-editor-calendar-panel__title",children:t("Calendar")})}),(0,e.jsx)(i.ui_kit$PanelForm.Body,{className:"form-editor-calendar-panel__body",padding:{horizontal:0,vertical:0},children:s})]})},x="checkbox_",te=`${x}borderRadiusAll`,O=`${x}borderRadiusTopLeft`,E=`${x}borderRadiusTopRight`,A=`${x}borderRadiusBottomLeft`,P=`${x}borderRadiusBottomRight`,fe="Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",ae=t=>t.closest(".email-pane__collapse-wrapper")||t.closest(".email-pane__content-col")||document.body;function se({namePrefix:t,microLabel:l}){const a=u.useGoogleFontsLoader(),{__:o}=r.useI18n(),c=r.useSelector(r.selectEmailSettings)?.usedColors;return(0,e.jsx)(i.ui_kit$FormTypographyFields,{namePrefix:t,microLabel:l,usedColors:c,loadGoogleFonts:a,getPopupContainer:ae,formatLabels:{bold:o("Strong  ( Ctrl+B )"),italic:o("Italic  ( Ctrl+I )"),strikethrough:o("Strikethrough ( Alt+Shift+5 )"),underline:o("Underline ( Ctrl+U )")},inputLabels:{fontSize:o("Font size"),lineHeight:o("Line height"),textColor:o("Text color")}})}se.propTypes={namePrefix:S.default.string.isRequired,microLabel:S.default.node.isRequired};function $e(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("markerShape"),a=i.ui_kit$Form.useWatch("appearanceBackground"),o=i.ui_kit$Form.useWatch("appearanceStrokeColor"),c=i.ui_kit$Form.useWatch("appearanceCheckColor"),_=i.ui_kit$Form.useWatch("useCustomCheckIcon"),m=(0,Q.default)("form-editor-checkbox__preview-checkbox",l==="round"&&"form-editor-checkbox__preview-checkbox--round",l==="square"&&"form-editor-checkbox__preview-checkbox--square");return(0,e.jsx)("div",{className:"form-editor-checkbox__bg-preview","aria-hidden":!0,children:(0,e.jsxs)("div",{className:"form-editor-checkbox__preview-panel",children:[(0,e.jsxs)("div",{className:"form-editor-checkbox__preview-row",children:[(0,e.jsx)("span",{className:m,style:{borderColor:o,background:c},children:!_&&(0,e.jsx)(i.ui_kit$EmIcons,{icon:"CheckOutlined",component:i.icons$CheckOutlined,size:10,style:{color:"#ffffff"}})}),(0,e.jsx)("span",{className:"form-editor-checkbox__preview-label",children:t("Checked")})]}),(0,e.jsxs)("div",{className:"form-editor-checkbox__preview-row",children:[(0,e.jsx)("span",{className:m,style:{borderColor:o,background:a}}),(0,e.jsx)("span",{className:"form-editor-checkbox__preview-label",children:t("Unchecked")})]})]})})}function be(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("useCustomCheckIcon");return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"markerShape",label:t("Marker shape"),children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-checkbox__shape-radios",children:[(0,e.jsx)(i.ui_kit$Radio,{value:"round",children:t("Round")}),(0,e.jsx)(i.ui_kit$Radio,{value:"square",children:t("Square")})]})}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-checkbox__inner-section-divider"}),(0,e.jsxs)(i.ui_kit$Space,{orientation:"vertical",size:16,className:"form-editor-checkbox__full-width",children:[(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceBackground",label:t("Background color")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceStrokeColor",label:t("Stroke color")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceCheckColor",label:t("Checked fill color")})]}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"useCustomCheckIcon",label:t("Use custom icon for checked state")}),l&&(0,e.jsx)(i.ui_kit$Form.Item,{name:"customCheckIconUrl",label:t("Checked icon URL"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:"https://",allowClear:!0})}),(0,e.jsx)($e,{})]})}function ge(){const{__:t}=r.useI18n(),l=r.useAppConfig().iconStrokeWidth;return(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-checkbox__section",title:t("Position in cell"),children:(0,e.jsxs)("div",{className:"form-editor-checkbox__align-columns",children:[(0,e.jsxs)("div",{className:"form-editor-checkbox__align-column",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-checkbox__micro-label",children:t("Horizontal alignment")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"alignHorizontal",className:"form-editor-checkbox__align-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-checkbox__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"left",title:t("Align left"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignLeftOutlined",component:i.icons$AlignLeftOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"center",title:t("Align center"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignCenterOutlined",component:i.icons$AlignCenterOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"right",title:t("Align right"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignRightOutlined",component:i.icons$AlignRightOutlined,size:16,strokeWidth:l})})]})})]}),(0,e.jsxs)("div",{className:"form-editor-checkbox__align-column",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-checkbox__micro-label",children:t("Vertical alignment")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"alignVertical",className:"form-editor-checkbox__align-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-checkbox__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"top",title:t("Align top"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalTop",component:i.icons$AlignVerticalTop,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"middle",title:t("Align middle"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalCenter",component:i.icons$AlignVerticalCenter,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"bottom",title:t("Align bottom"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalBottom",component:i.icons$AlignVerticalBottom,size:16,strokeWidth:l})})]})})]})]})})}function je(){const{__:t}=r.useI18n();return i.ui_kit$Form.useWatch("showHelperText")?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"helperText",label:t("Helper text"),children:(0,e.jsx)(i.ui_kit$Input.TextArea,{rows:2,placeholder:t("Tooltip or hint text"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"validationErrorText",label:t("Validation error message"),children:(0,e.jsx)(i.ui_kit$Input.TextArea,{rows:2,placeholder:t("Message when validation fails"),allowClear:!0})})]}):null}var ve=()=>{const{__:t}=r.useI18n(),l=r.useDispatch(),a=r.useAppConfig(),[o]=i.ui_kit$Form.useForm(),[c,_]=(0,d.useState)(!1),[m,$]=(0,d.useState)(!0),b=(0,d.useMemo)(()=>[{value:"v1",label:`${t("Value")} 1`},{value:"v2",label:`${t("Value")} 2`},{value:"custom",label:t("Custom")}],[t]),g=(0,d.useMemo)(()=>({fieldHeading:"",boundValue:void 0,checkboxLabel:"",required:!1,defaultState:"disabled",showHelperText:!1,helperText:"",validationErrorText:"",alignHorizontal:"left",alignVertical:"top",markerShape:"square",appearanceBackground:"#ffffff",appearanceStrokeColor:"#d9d9d9",appearanceCheckColor:"#01bca6",useCustomCheckIcon:!1,customCheckIconUrl:"",labelTextFontFamily:fe,labelTextFontSize:19,labelTextLineHeight:24,labelTextColor:"#333333",labelTextStrong:!1,labelTextItalic:!1,labelTextStrikethrough:!1,labelTextUnderline:!1,[`${x}borderPosition`]:`${x}borderAll`,[`${x}borderAll`]:{width:1,style:"solid",color:"#d9d9d9"},[`${x}borderTop`]:{...u.NULL_BORDER},[`${x}borderBottom`]:{...u.NULL_BORDER},[`${x}borderRight`]:{...u.NULL_BORDER},[`${x}borderLeft`]:{...u.NULL_BORDER},[te]:5,[O]:null,[E]:null,[A]:null,[P]:null}),[]),F=(0,d.useCallback)(()=>{l(r.setActiveSettingsTab(r.BUILD))},[l]),R=(0,d.useCallback)(()=>{const s=o.getFieldsValue(!0);if(m){const n=s[te]??0;o.setFieldsValue({[O]:n,[E]:n,[A]:n,[P]:n})}else{const n=s[O];n===s[E]&&n===s[A]&&n===s[P]?o.setFieldsValue({[te]:n}):o.setFieldsValue({[O]:null,[E]:null,[A]:null,[P]:null})}$(n=>!n)},[o,m]),C=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Remove"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DeleteOutlined",component:i.icons$DeleteOutlined,size:18,strokeWidth:a.iconStrokeWidth})})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Link"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"LinkOutlined",component:i.icons$LinkOutlined,size:18,strokeWidth:a.iconStrokeWidth})})})]}),T=(0,e.jsx)("div",{className:"form-editor-checkbox-panel__inner",children:(0,e.jsxs)(i.ui_kit$Form,{form:o,layout:"vertical",className:"element-controls form-editor-checkbox",autoComplete:"off",initialValues:g,children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"fieldHeading",label:t("Field heading"),children:(0,e.jsx)(i.ui_kit$Input.TextArea,{rows:2,placeholder:t("Title shown above the control"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"boundValue",label:(0,e.jsxs)("span",{className:"form-editor-checkbox__label-with-info",children:[t("Value"),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Stored or bound value for this field"),children:(0,e.jsx)("span",{className:"form-editor-checkbox__info-icon",children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"InfoCircleOutlined",component:i.icons$InfoCircleOutlined,size:12})})})]}),children:(0,e.jsx)(i.ui_kit$Select,{className:"form-editor-checkbox__full-width",placeholder:t("Enter value"),options:b,allowClear:!0,getPopupContainer:ae})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"checkboxLabel",label:t("Label next to checkbox"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Text beside the box"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"required",label:t("Required field")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"defaultState",label:t("Default value"),children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-checkbox__default-radios",children:[(0,e.jsx)(i.ui_kit$Radio,{value:"enabled",children:t("Enabled")}),(0,e.jsx)(i.ui_kit$Radio,{value:"disabled",children:t("Disabled")})]})}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"showHelperText",label:t("Helper text / tooltip")}),(0,e.jsx)(je,{}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-checkbox__section-divider"}),(0,e.jsx)(i.ui_kit$Button,{type:c?"primary":"default",block:!0,className:"form-editor-checkbox__more-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"SettingOutlined",component:i.icons$SettingOutlined,size:16}),onClick:()=>_(s=>!s),children:t(c?"Fewer settings":"More settings")}),c&&(0,e.jsxs)("div",{className:"form-editor-checkbox__expanded",children:[(0,e.jsx)(ge,{}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-checkbox__section",title:t("Appearance"),children:(0,e.jsx)(be,{})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-checkbox__section",title:t("Label text style"),children:(0,e.jsx)(se,{namePrefix:"labelText",microLabel:t("Caption next to checkbox")})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-checkbox__section",title:t("Border radius"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(i.ui_kit$FormBorderRadiusInputs,{namePrefix:x,typeOfForm:"desktop",oneBorderRadiusValue:m,onToggle:R,borderRadiusIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"RadiusUpleftOutlined",component:i.icons$RadiusUpleftOutlined,className:"selected-td-form__icon-radius"}),labels:{borderRadius:t("Border radius"),topLeft:t("Top left corner"),topRight:t("Top right corner"),bottomLeft:t("Bottom left corner"),bottomRight:t("Bottom right corner")}})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-checkbox__section",title:t("Border"),children:(0,e.jsx)(u.SelectedElementFormBorder,{form:o,namePrefix:x})})]})]})});return(0,e.jsxs)(i.ui_kit$PanelForm,{className:"form-editor-checkbox-panel",children:[(0,e.jsx)(i.ui_kit$PanelForm.Header,{onClose:F,closeIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Close",component:i.icons$Close,size:24,strokeWidth:a.iconStrokeWidth}),extra:C,children:(0,e.jsx)(i.ui_kit$PanelForm.HeaderTitle,{className:"form-editor-checkbox-panel__title",children:t("Checkbox")})}),(0,e.jsx)(i.ui_kit$PanelForm.Body,{className:"form-editor-checkbox-panel__body",padding:{horizontal:0,vertical:0},children:T})]})},k="dropdown_",oe=`${k}borderRadiusAll`,D=`${k}borderRadiusTopLeft`,V=`${k}borderRadiusTopRight`,z=`${k}borderRadiusBottomLeft`,W=`${k}borderRadiusBottomRight`,Fe="Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",ce=t=>t.closest(".email-pane__collapse-wrapper")||t.closest(".email-pane__content-col")||document.body;function de({namePrefix:t,microLabel:l}){const a=u.useGoogleFontsLoader(),{__:o}=r.useI18n(),c=r.useSelector(r.selectEmailSettings)?.usedColors;return(0,e.jsx)(i.ui_kit$FormTypographyFields,{namePrefix:t,microLabel:l,usedColors:c,loadGoogleFonts:a,getPopupContainer:ce,formatLabels:{bold:o("Strong  ( Ctrl+B )"),italic:o("Italic  ( Ctrl+I )"),strikethrough:o("Strikethrough ( Alt+Shift+5 )"),underline:o("Underline ( Ctrl+U )")},inputLabels:{fontSize:o("Font size"),lineHeight:o("Line height"),textColor:o("Text color")}})}de.propTypes={namePrefix:S.default.string.isRequired,microLabel:S.default.node.isRequired};function Re(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("triggerBackground"),a=i.ui_kit$Form.useWatch("listPanelBackground"),o=i.ui_kit$Form.useWatch("arrowColor");return(0,e.jsxs)("div",{className:"form-editor-dropdown__bg-preview","aria-hidden":!0,children:[(0,e.jsxs)("div",{className:"form-editor-dropdown__trigger-mock",style:{background:l},children:[(0,e.jsx)("span",{className:"form-editor-dropdown__trigger-mock-text",children:t("Text visible at the start")}),(0,e.jsx)("span",{className:"form-editor-dropdown__trigger-mock-arrow",style:{color:o},children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DownOutlined",component:i.icons$DownOutlined,size:14})})]}),(0,e.jsxs)("div",{className:"form-editor-dropdown__list-mock",style:{background:a},children:[(0,e.jsxs)("span",{className:"form-editor-dropdown__list-mock-item",children:[t("Value")," 1"]}),(0,e.jsxs)("span",{className:"form-editor-dropdown__list-mock-item",children:[t("Value")," 2"]})]})]})}var Ce=()=>{const{__:t}=r.useI18n(),l=r.useDispatch(),a=r.useAppConfig(),[o]=i.ui_kit$Form.useForm(),[c,_]=(0,d.useState)(!1),[m,$]=(0,d.useState)(!0),b=(0,d.useMemo)(()=>[{value:"v1",label:`${t("Value")} 1`},{value:"v2",label:`${t("Value")} 2`},{value:"custom",label:t("Custom")}],[t]),g=(0,d.useMemo)(()=>({placeholder:"",options:[{title:"",boundValue:void 0},{title:"",boundValue:void 0}],allowMultiple:!1,required:!1,triggerBackground:"#ffffff",listPanelBackground:"#ffffff",arrowColor:"rgba(0, 0, 0, 0.45)",listTextFontFamily:Fe,listTextFontSize:14,listTextLineHeight:22,listTextColor:"#333333",listTextStrong:!1,listTextItalic:!1,listTextStrikethrough:!1,listTextUnderline:!1,[`${k}borderPosition`]:`${k}borderAll`,[`${k}borderAll`]:{width:1,style:"solid",color:"#d9d9d9"},[`${k}borderTop`]:{...u.NULL_BORDER},[`${k}borderBottom`]:{...u.NULL_BORDER},[`${k}borderRight`]:{...u.NULL_BORDER},[`${k}borderLeft`]:{...u.NULL_BORDER},[oe]:5,[D]:null,[V]:null,[z]:null,[W]:null}),[]),F=(0,d.useCallback)(()=>{l(r.setActiveSettingsTab(r.BUILD))},[l]),R=(0,d.useCallback)(()=>{const s=o.getFieldsValue(!0);if(m){const n=s[oe]??0;o.setFieldsValue({[D]:n,[V]:n,[z]:n,[W]:n})}else{const n=s[D];n===s[V]&&n===s[z]&&n===s[W]?o.setFieldsValue({[oe]:n}):o.setFieldsValue({[D]:null,[V]:null,[z]:null,[W]:null})}$(n=>!n)},[o,m]),C=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Remove"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DeleteOutlined",component:i.icons$DeleteOutlined,size:18,strokeWidth:a.iconStrokeWidth})})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Link"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"LinkOutlined",component:i.icons$LinkOutlined,size:18,strokeWidth:a.iconStrokeWidth})})})]}),T=(0,e.jsx)("div",{className:"form-editor-dropdown-list-panel__inner",children:(0,e.jsxs)(i.ui_kit$Form,{form:o,layout:"vertical",className:"element-controls form-editor-dropdown",autoComplete:"off",initialValues:g,children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"placeholder",label:t("Placeholder"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Text visible at the start"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$FormOptionsList,{name:"options",boundValueOptions:b,getPopupContainer:ce,labels:{itemTitle:s=>`${t("Value")} ${s}`,headingLabel:t("Heading"),valueLabel:t("Value"),valueTooltip:t("Stored or bound value for this option"),addLabel:t("Add value"),removeTooltip:t("Remove"),headingPlaceholder:t("Enter heading"),valuePlaceholder:t("Enter value")}}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"allowMultiple",label:t("Allow multiple selection")}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"required",label:t("Required field")}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-dropdown__section-divider"}),(0,e.jsx)(i.ui_kit$Button,{type:c?"primary":"default",block:!0,className:"form-editor-dropdown__more-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"SettingOutlined",component:i.icons$SettingOutlined,size:16}),onClick:()=>_(s=>!s),children:t(c?"Fewer settings":"More settings")}),c&&(0,e.jsxs)("div",{className:"form-editor-dropdown__expanded",children:[(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-dropdown__section",title:t("Background"),children:(0,e.jsxs)(i.ui_kit$Space,{orientation:"vertical",size:20,className:"form-editor-dropdown__full-width",children:[(0,e.jsx)(i.ui_kit$FormColorField,{name:"triggerBackground",label:t("Closed field background")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"listPanelBackground",label:t("List panel background")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"arrowColor",label:t("Arrow color")}),(0,e.jsx)(Re,{})]})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-dropdown__section",title:t("List text style"),children:(0,e.jsx)(de,{namePrefix:"listText",microLabel:t("List item appearance")})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-dropdown__section",title:t("Border radius"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(i.ui_kit$FormBorderRadiusInputs,{namePrefix:k,typeOfForm:"desktop",oneBorderRadiusValue:m,onToggle:R,borderRadiusIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"RadiusUpleftOutlined",component:i.icons$RadiusUpleftOutlined,className:"selected-td-form__icon-radius"}),labels:{borderRadius:t("Border radius"),topLeft:t("Top left corner"),topRight:t("Top right corner"),bottomLeft:t("Bottom left corner"),bottomRight:t("Bottom right corner")}})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-dropdown__section",title:t("Border"),children:(0,e.jsx)(u.SelectedElementFormBorder,{form:o,namePrefix:k})})]})]})});return(0,e.jsxs)(i.ui_kit$PanelForm,{className:"form-editor-dropdown-list-panel",children:[(0,e.jsx)(i.ui_kit$PanelForm.Header,{onClose:F,closeIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Close",component:i.icons$Close,size:24,strokeWidth:a.iconStrokeWidth}),extra:C,children:(0,e.jsx)(i.ui_kit$PanelForm.HeaderTitle,{className:"form-editor-dropdown-list-panel__title",children:t("Dropdown list")})}),(0,e.jsx)(i.ui_kit$PanelForm.Body,{className:"form-editor-dropdown-list-panel__body",padding:{horizontal:0,vertical:0},children:T})]})},v={TEXT:"text",EMAIL:"email",PHONE:"phone",NAME:"name",URL:"url",PASSWORD:"password"},p="inputField_",le=`${p}borderRadiusAll`,U=`${p}borderRadiusTopLeft`,H=`${p}borderRadiusTopRight`,M=`${p}borderRadiusBottomLeft`,q=`${p}borderRadiusBottomRight`,ue="Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",G=t=>t.closest(".email-pane__collapse-wrapper")||t.closest(".email-pane__content-col")||document.body;function me({namePrefix:t,microLabel:l}){const a=u.useGoogleFontsLoader(),{__:o}=r.useI18n(),c=r.useSelector(r.selectEmailSettings)?.usedColors;return(0,e.jsx)(i.ui_kit$FormTypographyFields,{namePrefix:t,microLabel:l,usedColors:c,loadGoogleFonts:a,getPopupContainer:G,formatLabels:{bold:o("Strong  ( Ctrl+B )"),italic:o("Italic  ( Ctrl+I )"),strikethrough:o("Strikethrough ( Alt+Shift+5 )"),underline:o("Underline ( Ctrl+U )")},inputLabels:{fontSize:o("Font size"),lineHeight:o("Line height"),textColor:o("Text color")}})}function Te(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("fieldBackground"),a=i.ui_kit$Form.useWatch(`${p}borderAll`),o=i.ui_kit$Form.useWatch("placeholderTextColor"),c=i.ui_kit$Form.useWatch("inputValueTextColor"),_=a?.color??"#d9d9d9";return(0,e.jsx)("div",{className:"form-editor-input__bg-preview","aria-hidden":!0,children:(0,e.jsx)("div",{className:"form-editor-input__preview-panel",children:(0,e.jsxs)("div",{className:"form-editor-input__preview-input",style:{background:l,borderColor:_,color:c},children:[(0,e.jsx)("span",{className:"form-editor-input__preview-placeholder-bit",style:{color:o},children:t("Placeholder")}),(0,e.jsx)("span",{children:" · "}),(0,e.jsx)("span",{children:t("Value")})]})})})}function Se(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useFormInstance(),a=(0,d.useCallback)(()=>{const o=l.getFieldValue("paddingHorizontal");o!=null&&o!==""&&l.setFieldValue("fieldMinHeight",o)},[l]);return(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Internal padding"),children:(0,e.jsxs)("div",{className:"form-editor-input__padding-row",children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"paddingHorizontal",className:"form-editor-input__padding-field",children:(0,e.jsx)(i.ui_kit$DraggableInputNumber,{min:0,max:200,placeholder:"0",prefix:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"ColumnWidthOutlined",component:i.icons$ColumnWidthOutlined}),addonAfter:"px"})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"fieldMinHeight",className:"form-editor-input__padding-field",children:(0,e.jsx)(i.ui_kit$DraggableInputNumber,{min:0,max:200,placeholder:t("Height"),prefix:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"ColumnHeightOutlined",component:i.icons$ColumnHeightOutlined}),addonAfter:"px"})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Apply horizontal padding to height"),children:(0,e.jsx)(i.ui_kit$Button,{type:"default",className:"form-editor-input__padding-link-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"BorderOuterOutlined",component:i.icons$BorderOuterOutlined,size:16}),onClick:a})})]})})}function Be(){const{__:t}=r.useI18n();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"form-editor-input__advanced-block",children:[(0,e.jsxs)("div",{className:"form-editor-input__advanced-switch-row",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{className:"form-editor-input__advanced-switch-label",children:t("Field state appearance")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"customStylesForStates",valuePropName:"checked",noStyle:!0,children:(0,e.jsx)(i.ui_kit$Switch,{})})]}),(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-input__advanced-description",children:t("Use your own styles instead of defaults for states such as error, focus, and success.")})]}),(0,e.jsxs)("div",{className:"form-editor-input__advanced-block",children:[(0,e.jsxs)("div",{className:"form-editor-input__advanced-switch-row",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{className:"form-editor-input__advanced-switch-label",children:t("High contrast mode")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"highContrastMode",valuePropName:"checked",noStyle:!0,children:(0,e.jsx)(i.ui_kit$Switch,{})})]}),(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-input__advanced-description",children:t("Improves visibility by automatically tuning the form for accessibility. Turn off to restore the previous look.")})]})]})}function Ie(){const{__:t}=r.useI18n(),l=r.useAppConfig().iconStrokeWidth;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Visibility"),children:(0,e.jsxs)("div",{className:"form-editor-input__visibility-row",children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"fieldVisibility",className:"form-editor-input__visibility-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-input__visibility-segment",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"always",children:t("Always")}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"desktop",title:t("Desktop"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DesktopOutlined",component:i.icons$DesktopOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"mobile",title:t("Mobile"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"MobileOutlined",component:i.icons$MobileOutlined,size:16,strokeWidth:l})})]})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"fieldDirection",className:"form-editor-input__direction-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-input__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"ltr",title:t("Left to right"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"ArrowLeftOutlined",component:i.icons$ArrowLeftOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"rtl",title:t("Right to left"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"ArrowRightOutlined",component:i.icons$ArrowRightOutlined,size:16,strokeWidth:l})})]})})]})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Visibility in AMP"),children:(0,e.jsx)(i.ui_kit$Form.Item,{name:"ampVisibility",className:"form-editor-input__align-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-input__visibility-amp",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"always",children:t("Always")}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"amp",children:"AMP"}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"html",children:"HTML"})]})})})]})}function Ne(){const{__:t}=r.useI18n();return i.ui_kit$Form.useWatch("limitLength")?(0,e.jsx)(i.ui_kit$Form.Item,{name:"maxLength",label:t("Maximum length"),children:(0,e.jsx)(i.ui_kit$DraggableInputNumber,{min:1,max:9999,placeholder:t("Characters"),addonAfter:t("chars")})}):null}function ye(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("inputType"),a=(0,d.useMemo)(()=>[{value:"minLength8",label:t("Minimum length 8 characters")},{value:"lowercase",label:t("Lowercase letters (a-z)")},{value:"uppercase",label:t("Uppercase letters (A-Z)")},{value:"digits",label:t("Digits (0-9)")},{value:"special",label:t("Special characters")}],[t]),o=(0,d.useMemo)(()=>[{value:"https",label:"HTTPS"},{value:"http",label:"HTTP"},{value:"mailto",label:"mailto:"},{value:"ftp",label:"FTP"}],[]);return l?(0,e.jsxs)(e.Fragment,{children:[l===v.TEXT&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"limitLength",label:t("Character limit")}),(0,e.jsx)(Ne,{})]}),l===v.PHONE&&(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"countryCodeSelector",label:t("Country selector (flag+code)")}),l===v.URL&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"urlAutoPrependProtocol",label:t("Auto-prepend protocol on blur")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"allowedProtocols",label:t("Allowed protocols"),children:(0,e.jsx)(i.ui_kit$Select,{mode:"multiple",className:"form-editor-input__full-width",placeholder:t("Choose allowed protocols"),options:o,getPopupContainer:G,allowClear:!0})})]}),l===v.PASSWORD&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"showPasswordEye",label:t("Show eye icon")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"passwordComplexityRules",label:t("Complexity rules"),children:(0,e.jsx)(i.ui_kit$Select,{mode:"multiple",className:"form-editor-input__full-width",placeholder:t("Choose complexity rules"),options:a,getPopupContainer:G,allowClear:!0})})]})]}):null}var Le=()=>{const{__:t}=r.useI18n(),l=r.useDispatch(),a=r.useAppConfig(),[o]=i.ui_kit$Form.useForm(),[c,_]=(0,d.useState)(!1),[m,$]=(0,d.useState)(!0),b=(0,d.useMemo)(()=>[{value:v.TEXT,label:t("Text")},{value:v.EMAIL,label:t("Email")},{value:v.PHONE,label:t("Phone number")},{value:v.NAME,label:t("Name")},{value:v.URL,label:t("URL")},{value:v.PASSWORD,label:t("Password")}],[t]),g=(0,d.useMemo)(()=>({placeholder:"",required:!1,limitLength:!1,maxLength:100,hintText:"",countryCodeSelector:!1,urlAutoPrependProtocol:!1,allowedProtocols:[],showPasswordEye:!1,passwordComplexityRules:[],paddingHorizontal:16,customStylesForStates:!1,highContrastMode:!1,fieldVisibility:"always",fieldDirection:"ltr",ampVisibility:"always",fieldBackground:"#ffffff",inputValueTextFontFamily:ue,inputValueTextFontSize:14,inputValueTextLineHeight:22,inputValueTextColor:"#333333",inputValueTextStrong:!1,inputValueTextItalic:!1,inputValueTextStrikethrough:!1,inputValueTextUnderline:!1,placeholderTextFontFamily:ue,placeholderTextFontSize:14,placeholderTextLineHeight:22,placeholderTextColor:"rgba(0, 0, 0, 0.25)",placeholderTextStrong:!1,placeholderTextItalic:!1,placeholderTextStrikethrough:!1,placeholderTextUnderline:!1,[`${p}borderPosition`]:`${p}borderAll`,[`${p}borderAll`]:{width:1,style:"solid",color:"#d9d9d9"},[`${p}borderTop`]:{...u.NULL_BORDER},[`${p}borderBottom`]:{...u.NULL_BORDER},[`${p}borderRight`]:{...u.NULL_BORDER},[`${p}borderLeft`]:{...u.NULL_BORDER},[le]:5,[U]:null,[H]:null,[M]:null,[q]:null}),[]),F=(0,d.useCallback)(()=>{l(r.setActiveSettingsTab(r.BUILD))},[l]),R=(0,d.useCallback)(()=>{const s=o.getFieldsValue(!0);if(m){const n=s[le]??0;o.setFieldsValue({[U]:n,[H]:n,[M]:n,[q]:n})}else{const n=s[U];n===s[H]&&n===s[M]&&n===s[q]?o.setFieldsValue({[le]:n}):o.setFieldsValue({[U]:null,[H]:null,[M]:null,[q]:null})}$(n=>!n)},[o,m]),C=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Remove"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DeleteOutlined",component:i.icons$DeleteOutlined,size:18,strokeWidth:a.iconStrokeWidth})})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Link"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"LinkOutlined",component:i.icons$LinkOutlined,size:18,strokeWidth:a.iconStrokeWidth})})})]}),T=(0,e.jsx)("div",{className:"form-editor-input-panel__inner",children:(0,e.jsxs)(i.ui_kit$Form,{form:o,layout:"vertical",className:"element-controls form-editor-input",autoComplete:"off",initialValues:g,children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"inputType",label:t("Type"),children:(0,e.jsx)(i.ui_kit$Select,{className:"form-editor-input__full-width",placeholder:t("Choose input type"),options:b,allowClear:!0,getPopupContainer:G})}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"required",label:t("Field required")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"placeholder",label:t("Placeholder"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Text visible at the start"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"hintText",label:t("Hint text"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Come up with a hint"),allowClear:!0})}),(0,e.jsx)(ye,{}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-input__section-divider"}),(0,e.jsx)(i.ui_kit$Button,{type:c?"primary":"default",block:!0,className:"form-editor-input__more-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"SettingOutlined",component:i.icons$SettingOutlined,size:16}),onClick:()=>_(s=>!s),children:t(c?"Fewer settings":"More settings")}),c&&(0,e.jsxs)("div",{className:"form-editor-input__expanded",children:[(0,e.jsx)(Se,{}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Size"),collapsible:!0,defaultOpen:!1,children:(0,e.jsx)(i.ui_kit$Form.Item,{name:"fieldMaxWidth",label:t("Max width"),children:(0,e.jsx)(i.ui_kit$DraggableInputNumber,{min:0,max:2e3,placeholder:t("Not set"),addonAfter:"px"})})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Background"),children:(0,e.jsx)(i.ui_kit$FormColorField,{name:"fieldBackground",label:t("Background color")})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Input field text"),children:(0,e.jsx)(me,{namePrefix:"inputValueText",microLabel:t("Font")})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Placeholder text"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(me,{namePrefix:"placeholderText",microLabel:t("Font")})}),(0,e.jsx)(Te,{}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Border radius"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(i.ui_kit$FormBorderRadiusInputs,{namePrefix:p,typeOfForm:"desktop",oneBorderRadiusValue:m,onToggle:R,borderRadiusIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"RadiusUpleftOutlined",component:i.icons$RadiusUpleftOutlined,className:"selected-td-form__icon-radius"}),labels:{borderRadius:t("Border radius"),topLeft:t("Top left corner"),topRight:t("Top right corner"),bottomLeft:t("Bottom left corner"),bottomRight:t("Bottom right corner")}})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Border"),children:(0,e.jsx)(u.SelectedElementFormBorder,{form:o,namePrefix:p})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-input__section",title:t("Accessibility"),children:(0,e.jsx)(Be,{})}),(0,e.jsx)(Ie,{})]})]})});return(0,e.jsxs)(i.ui_kit$PanelForm,{className:"form-editor-input-panel",children:[(0,e.jsx)(i.ui_kit$PanelForm.Header,{onClose:F,closeIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Close",component:i.icons$Close,size:24,strokeWidth:a.iconStrokeWidth}),extra:C,children:(0,e.jsx)(i.ui_kit$PanelForm.HeaderTitle,{className:"form-editor-input-panel__title",children:t("Input")})}),(0,e.jsx)(i.ui_kit$PanelForm.Body,{className:"form-editor-input-panel__body",padding:{horizontal:0,vertical:0},children:T})]})},f="radio_",re=`${f}borderRadiusAll`,Y=`${f}borderRadiusTopLeft`,X=`${f}borderRadiusTopRight`,K=`${f}borderRadiusBottomLeft`,Z=`${f}borderRadiusBottomRight`,we="Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif",pe=t=>t.closest(".email-pane__collapse-wrapper")||t.closest(".email-pane__content-col")||document.body;function _e({namePrefix:t,microLabel:l}){const a=u.useGoogleFontsLoader(),{__:o}=r.useI18n(),c=r.useSelector(r.selectEmailSettings)?.usedColors;return(0,e.jsx)(i.ui_kit$FormTypographyFields,{namePrefix:t,microLabel:l,usedColors:c,loadGoogleFonts:a,getPopupContainer:pe,formatLabels:{bold:o("Strong  ( Ctrl+B )"),italic:o("Italic  ( Ctrl+I )"),strikethrough:o("Strikethrough ( Alt+Shift+5 )"),underline:o("Underline ( Ctrl+U )")},inputLabels:{fontSize:o("Font size"),lineHeight:o("Line height"),textColor:o("Text color")}})}_e.propTypes={namePrefix:S.default.string.isRequired,microLabel:S.default.node.isRequired};function Oe(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("appearanceBackground"),a=i.ui_kit$Form.useWatch("appearanceStrokeColor"),o=i.ui_kit$Form.useWatch("appearanceDotColor");return(0,e.jsx)("div",{className:"form-editor-radio__bg-preview","aria-hidden":!0,children:(0,e.jsxs)("div",{className:"form-editor-radio__preview-panel",children:[(0,e.jsxs)("div",{className:"form-editor-radio__preview-row",style:{background:l},children:[(0,e.jsx)("span",{className:"form-editor-radio__preview-dot form-editor-radio__preview-dot--selected",style:{borderColor:a,background:o}}),(0,e.jsxs)("span",{className:"form-editor-radio__preview-label",children:[t("Value")," 1"]})]}),(0,e.jsxs)("div",{className:"form-editor-radio__preview-row",style:{background:l},children:[(0,e.jsx)("span",{className:"form-editor-radio__preview-dot",style:{borderColor:a,background:"transparent"}}),(0,e.jsxs)("span",{className:"form-editor-radio__preview-label",children:[t("Value")," 2"]})]})]})})}function Ee(){const{__:t}=r.useI18n(),l=i.ui_kit$Form.useWatch("markerShape");return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"markerShape",label:t("Marker shape"),children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-radio__shape-radios",children:[(0,e.jsx)(i.ui_kit$Radio,{value:"round",children:t("Round")}),(0,e.jsx)(i.ui_kit$Radio,{value:"custom",children:t("Custom icon")})]})}),l==="custom"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"customIconUrl",label:t("Icon URL"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:"https://",allowClear:!0})}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"customIconAlt",label:t("Icon description"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Accessibility text"),allowClear:!0})})]}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-radio__inner-section-divider"}),(0,e.jsxs)(i.ui_kit$Space,{orientation:"vertical",size:16,className:"form-editor-radio__full-width",children:[(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceBackground",label:t("Background color")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceStrokeColor",label:t("Stroke color")}),(0,e.jsx)(i.ui_kit$FormColorField,{name:"appearanceDotColor",label:t("Dot color")})]}),(0,e.jsx)(Oe,{})]})}function Ae(){const{__:t}=r.useI18n(),l=r.useAppConfig().iconStrokeWidth;return(0,e.jsxs)(i.ui_kit$FormSection,{className:"form-editor-radio__section",title:t("Position in cell"),children:[(0,e.jsxs)(i.ui_kit$Row,{gutter:[12,16],className:"form-editor-radio__position-block",children:[(0,e.jsxs)(i.ui_kit$Col,{xs:24,sm:10,md:9,children:[(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-radio__micro-label",children:t("Layout")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"radioLayout",className:"form-editor-radio__layout-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-radio__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"horizontal",title:t("Horizontal"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"MenuOutlined",component:i.icons$MenuOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"vertical",title:t("Vertical"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Column",component:i.icons$Column,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"grid",title:t("Grid"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Grid01Icon",component:i.icons$Grid01Icon,size:16,strokeWidth:l})})]})})]}),(0,e.jsx)(i.ui_kit$Col,{xs:24,sm:14,md:15,children:(0,e.jsx)(i.ui_kit$Form.Item,{name:"radioOptionGap",label:t("Spacing"),children:(0,e.jsx)(i.ui_kit$DraggableInputNumber,{min:0,max:120,placeholder:t("Spacing"),addonAfter:"px"})})})]}),(0,e.jsxs)("div",{className:"form-editor-radio__align-block",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-radio__micro-label",children:t("Horizontal alignment")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"alignHorizontal",className:"form-editor-radio__align-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-radio__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"left",title:t("Align left"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignLeftOutlined",component:i.icons$AlignLeftOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"center",title:t("Align center"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignCenterOutlined",component:i.icons$AlignCenterOutlined,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"right",title:t("Align right"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignRightOutlined",component:i.icons$AlignRightOutlined,size:16,strokeWidth:l})})]})})]}),(0,e.jsxs)("div",{className:"form-editor-radio__align-block",children:[(0,e.jsx)(i.ui_kit$Typography.Text,{type:"secondary",className:"form-editor-radio__micro-label",children:t("Vertical alignment")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"alignVertical",className:"form-editor-radio__align-form-item",children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-radio__icon-toggle-group",children:[(0,e.jsx)(i.ui_kit$Radio.Button,{value:"top",title:t("Align top"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalTop",component:i.icons$AlignVerticalTop,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"middle",title:t("Align middle"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalCenter",component:i.icons$AlignVerticalCenter,size:16,strokeWidth:l})}),(0,e.jsx)(i.ui_kit$Radio.Button,{value:"bottom",title:t("Align bottom"),children:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"AlignVerticalBottom",component:i.icons$AlignVerticalBottom,size:16,strokeWidth:l})})]})})]})]})}var Pe=()=>{const{__:t}=r.useI18n(),l=r.useDispatch(),a=r.useAppConfig(),[o]=i.ui_kit$Form.useForm(),[c,_]=(0,d.useState)(!1),[m,$]=(0,d.useState)(!0),b=(0,d.useMemo)(()=>[{value:"v1",label:`${t("Value")} 1`},{value:"v2",label:`${t("Value")} 2`},{value:"custom",label:t("Custom")}],[t]),g=(0,d.useMemo)(()=>({placeholder:"",options:[{title:"",boundValue:void 0},{title:"",boundValue:void 0}],allowShuffle:!1,required:!1,defaultState:"enabled",radioLayout:"vertical",radioOptionGap:20,alignHorizontal:"left",alignVertical:"top",markerShape:"round",customIconUrl:"",customIconAlt:"",appearanceBackground:"#ffffff",appearanceStrokeColor:"#01bca6",appearanceDotColor:"#01bca6",labelTextFontFamily:we,labelTextFontSize:19,labelTextLineHeight:24,labelTextColor:"#333333",labelTextStrong:!1,labelTextItalic:!1,labelTextStrikethrough:!1,labelTextUnderline:!1,[`${f}borderPosition`]:`${f}borderAll`,[`${f}borderAll`]:{width:1,style:"solid",color:"#d9d9d9"},[`${f}borderTop`]:{...u.NULL_BORDER},[`${f}borderBottom`]:{...u.NULL_BORDER},[`${f}borderRight`]:{...u.NULL_BORDER},[`${f}borderLeft`]:{...u.NULL_BORDER},[re]:5,[Y]:null,[X]:null,[K]:null,[Z]:null}),[]),F=(0,d.useCallback)(()=>{l(r.setActiveSettingsTab(r.BUILD))},[l]),R=(0,d.useCallback)(()=>{const s=o.getFieldsValue(!0);if(m){const n=s[re]??0;o.setFieldsValue({[Y]:n,[X]:n,[K]:n,[Z]:n})}else{const n=s[Y];n===s[X]&&n===s[K]&&n===s[Z]?o.setFieldsValue({[re]:n}):o.setFieldsValue({[Y]:null,[X]:null,[K]:null,[Z]:null})}$(n=>!n)},[o,m]),C=(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Remove"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"DeleteOutlined",component:i.icons$DeleteOutlined,size:18,strokeWidth:a.iconStrokeWidth})})}),(0,e.jsx)(i.ui_kit$Tooltip,{title:t("Link"),placement:"bottom",children:(0,e.jsx)(i.ui_kit$Button,{type:"text",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"LinkOutlined",component:i.icons$LinkOutlined,size:18,strokeWidth:a.iconStrokeWidth})})})]}),T=(0,e.jsx)("div",{className:"form-editor-radio-panel__inner",children:(0,e.jsxs)(i.ui_kit$Form,{form:o,layout:"vertical",className:"element-controls form-editor-radio",autoComplete:"off",initialValues:g,children:[(0,e.jsx)(i.ui_kit$Form.Item,{name:"placeholder",label:t("Placeholder"),children:(0,e.jsx)(i.ui_kit$Input,{placeholder:t("Text visible at the start"),allowClear:!0})}),(0,e.jsx)(i.ui_kit$FormOptionsList,{name:"options",boundValueOptions:b,getPopupContainer:pe,labels:{itemTitle:s=>`${t("Value")} ${s}`,headingLabel:t("Heading"),valueLabel:t("Value"),valueTooltip:t("Stored or bound value for this option"),addLabel:t("Add value"),removeTooltip:t("Remove"),headingPlaceholder:t("Enter heading"),valuePlaceholder:t("Enter value")}}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"allowShuffle",label:t("Shuffle options")}),(0,e.jsx)(i.ui_kit$FormSwitchRow,{name:"required",label:t("Required field")}),(0,e.jsx)(i.ui_kit$Form.Item,{name:"defaultState",label:t("Default value"),children:(0,e.jsxs)(i.ui_kit$Radio.Group,{className:"form-editor-radio__default-radios",children:[(0,e.jsx)(i.ui_kit$Radio,{value:"enabled",children:t("Enabled")}),(0,e.jsx)(i.ui_kit$Radio,{value:"disabled",children:t("Disabled")})]})}),(0,e.jsx)(i.ui_kit$Divider,{className:"form-editor-radio__section-divider"}),(0,e.jsx)(i.ui_kit$Button,{type:c?"primary":"default",block:!0,className:"form-editor-radio__more-btn",icon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"SettingOutlined",component:i.icons$SettingOutlined,size:16}),onClick:()=>_(s=>!s),children:t(c?"Fewer settings":"More settings")}),c&&(0,e.jsxs)("div",{className:"form-editor-radio__expanded",children:[(0,e.jsx)(Ae,{}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-radio__section",title:t("Appearance"),children:(0,e.jsx)(Ee,{})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-radio__section",title:t("Label text style"),children:(0,e.jsx)(_e,{namePrefix:"labelText",microLabel:t("Caption next to options")})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-radio__section",title:t("Border radius"),collapsible:!0,defaultOpen:!0,children:(0,e.jsx)(i.ui_kit$FormBorderRadiusInputs,{namePrefix:f,typeOfForm:"desktop",oneBorderRadiusValue:m,onToggle:R,borderRadiusIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"RadiusUpleftOutlined",component:i.icons$RadiusUpleftOutlined,className:"selected-td-form__icon-radius"}),labels:{borderRadius:t("Border radius"),topLeft:t("Top left corner"),topRight:t("Top right corner"),bottomLeft:t("Bottom left corner"),bottomRight:t("Bottom right corner")}})}),(0,e.jsx)(i.ui_kit$FormSection,{className:"form-editor-radio__section",title:t("Border"),children:(0,e.jsx)(u.SelectedElementFormBorder,{form:o,namePrefix:f})})]})]})});return(0,e.jsxs)(i.ui_kit$PanelForm,{className:"form-editor-radio-panel",children:[(0,e.jsx)(i.ui_kit$PanelForm.Header,{onClose:F,closeIcon:(0,e.jsx)(i.ui_kit$EmIcons,{icon:"Close",component:i.icons$Close,size:24,strokeWidth:a.iconStrokeWidth}),extra:C,children:(0,e.jsx)(i.ui_kit$PanelForm.HeaderTitle,{className:"form-editor-radio-panel__title",children:t("Radio button")})}),(0,e.jsx)(i.ui_kit$PanelForm.Body,{className:"form-editor-radio-panel__body",padding:{horizontal:0,vertical:0},children:T})]})};I.FormEditorCalendarPanel=ke,I.FormEditorCheckboxPanel=ve,I.FormEditorDropdownListPanel=Ce,I.FormEditorInputPanel=Le,I.FormEditorRadioPanel=Pe});
+
+__useblocks__.define("static/core/a3f41e4a.js",["require","exports","module","static/core/2ff39ddf.js","static/core/8704beac.js","static/core/8cb1a8af.js","vite/preload-helper"],function(d,v,W){const D=d("./2ff39ddf.js"),n=d("./8704beac.js"),p=d("./8cb1a8af.js");let U=d("vite/preload-helper");var P=D.__exportAll({createDocumentProcessor:()=>R,createFileProcessor:()=>M,ensureFileExtension:()=>b,extractUploadResult:()=>E,fetchFileData:()=>I,getExt:()=>j,handleUploadResult:()=>A,importEmail:()=>C,importHtml:()=>_,importZip:()=>N,splitFileName:()=>$,uploadFile:()=>n.uploadFile});function j(e){const t=e.split(".");return t[t.length-1].toLowerCase()}function $(e){const t=e.split(".");return t[t.length-1].toLowerCase()}var y="index.html";function w(e,t){return e.find(r=>r.toLowerCase().endsWith(t))}async function N(e,t,r){const a=await n.readZip(e),l=Object.keys(a),i=a[y]&&y||w(l,y)||w(l,".html")||w(l,".htm");if(i){const u=i.split("/"),c=document.location.pathname.split("/"),s=document.location.origin+c.slice(0,c.length-u.length).join("/")+"/",{html:x,hasBrowserExtensionArtifacts:f}=n.prepareEmailHtmlForEditor(n.zipEntryToText(a[i])),h=u.slice(0,u.length-1).join("/");return{html:await p.changeHtml(x,async g=>{const m=g.document;await p.replaceImagesInDocument(m,async o=>{o=o.replace("\\","/"),o.startsWith(".")&&(o=o.substring(1)),o.startsWith("/")&&(o=o.substring(1)),o.startsWith(s)&&(o=o.substring(s.length)),h&&!o.match("^(ht|f)tp(s?)://")&&(o=`${h}/${o}`);const F=a[o];if(F)return t(n.zipEntryToBlob(F),o);const H=p.getFileNameWithExt(o);return t(o,H)}),r&&r(g)}),hasBrowserExtensionArtifacts:f}}}async function _(e,t,r){const{html:a,hasBrowserExtensionArtifacts:l}=n.prepareEmailHtmlForEditor(e);return{html:await p.changeHtml(a,async i=>{const u=i.document;await p.replaceImagesInDocument(u,async c=>{c=c.replace("\\","/");const s=p.getFileNameWithExt(c);return t(c,s)}),r&&r(i)}),hasBrowserExtensionArtifacts:l}}async function C(e,t,r){if(e)switch(j(e.name)){case"zip":return N(e,t,r);case"eml":{const a=await e.arrayBuffer(),{default:l}=await(0,U.__vitePreload)(async()=>{const{default:u}=await Promise.resolve().then(()=>d("./6561b34a.js"));return{default:u}},void 0,{}.url),i=(await l.parse(a)).html??void 0;if(typeof i>"u")throw new Error("Eml does not contain text/html");return _(i,t,r)}default:return _(await e.text(),t,r)}}async function I(e,t){if(typeof e!="string")return e;try{const r=await t({url:n.normalizeUrl(e)});return r?.data,r?.data||null}catch{return null}}async function b(e,t){if(!e||typeof e!="string")return`default.${await n.getMimeExtension(t)||"bin"}`;if(e.split(".").length<2){const r=await n.getMimeExtension(t);if(r)return`${e}.${r}`}return e}function E(e){if(e&&typeof e=="object"&&!Array.isArray(e)&&"code"in e&&"message"in e&&e.data){if(e.data.status===400)return{file_url:null,error:{code:e.code,message:e.message,status:e.data.status}};if(e.data.file_url)return{file_url:e.data.file_url,error:null}}if(Array.isArray(e)&&e.length>0){const t=e[0];if(t&&typeof t=="object"){if("code"in t&&"message"in t&&t.data?.status===400)return{file_url:null,error:{code:t.code,message:t.message,status:t.data.status}};if("file_url"in t&&t.file_url)return{file_url:t.file_url,error:null}}}if(e&&typeof e=="object"&&!Array.isArray(e)&&0 in e){if(e.data?.status===400)return{file_url:null,error:{status:e.data.status}};if(e[0]?.file_url)return{file_url:e[0].file_url,error:null}}return{file_url:null,error:null}}function A(e,t){if(!e||e.error)return typeof t=="string"?t:"";const r=E(e.data);return r.error?typeof t=="string"?t:"":r.file_url?r.file_url:typeof t=="string"?t:""}var M=(e,t,r,a,l)=>{const{maxSizeMB:i,maxWidthOrHeight:u}=n.resolveImageCompressionLimits(l),c=n.getBrowserImageCompressionLibUrl();return async(s,x)=>{try{const f=await I(s,e);if(!f)return typeof s=="string"?s:"";const h=await b(x,f.type),g=f.type?.trim()||n.inferImageMimeFromFileName(h)||"";let m=new File([f],h.toLowerCase(),{type:g});if(n.isAllowedImageUploadFile(m)){const o=m.type?.trim()||n.inferImageMimeFromFileName(m.name)||f.type||"";try{m=await n.prepareImageForUpload(m,{maxSizeMB:i,maxWidthOrHeight:u,mimeType:o||f.type,fileName:m.name,libURL:c,enableCompression:n.shouldEnableImageCompression(l,o),convertSvgToPng:!0})}catch{}}return A(await t({user_id:r.id,folder:a.id,file:m}),s)}catch{return typeof s=="string"?s:""}}},R=e=>t=>{const r=t.document;r.title=(r.querySelector("title")?.textContent??"").replace(/\s+/g," ").trim()||p.getFileNameAndExt(e.name)[0]};Object.defineProperty(v,"extractUploadResult",{enumerable:!0,get:function(){return E}}),Object.defineProperty(v,"import_exports",{enumerable:!0,get:function(){return P}})});
+
+__useblocks__.define("static/core/e375888c.js",["require","exports","module","static/core/2ff39ddf.js","static/core/8704beac.js","react","react/jsx-runtime","__delivery__/libs"],function(t,e,S){const i=t("./2ff39ddf.js"),o=t("./8704beac.js");let r=t("react");r=i.__toESM(r);let l=t("react/jsx-runtime"),d=t("__delivery__/libs");function n(){return o.usePlanFeatureGate("google_fonts").isLocked?void 0:o.loadGFonts}var u=c=>{const{form:g,namePrefix:s="",typeOfForm:I="desktop"}=c,E=o.useSelector(o.selectEmailSettings).usedColors;return(0,l.jsx)(d.ui_kit$FormBorderInputs,{form:g,namePrefix:s,typeOfForm:I,usedColors:E})},b={paddingTop:"top",paddingLeft:"left",paddingRight:"right",paddingBottom:"bottom",mobilePaddingTop:"top",mobilePaddingLeft:"left",mobilePaddingRight:"right",mobilePaddingBottom:"bottom"},m={borderRadiusAll:"all",borderRadiusTopLeft:"topLeft",borderRadiusBottomLeft:"bottomLeft",borderRadiusTopRight:"topRight",borderRadiusBottomRight:"bottomRight"},R={mobileBorderRadiusAll:"all",mobileBorderRadiusTopLeft:"topLeft",mobileBorderRadiusBottomLeft:"bottomLeft",mobileBorderRadiusTopRight:"topRight",mobileBorderRadiusBottomRight:"bottomRight"},a={all:"borderAll",top:"borderTop",right:"borderRight",bottom:"borderBottom",left:"borderLeft"},O={all:"mobileBorderAll",top:"mobileBorderTop",right:"mobileBorderRight",bottom:"mobileBorderBottom",left:"mobileBorderLeft"},_={width:null,style:null,color:null},B={borderAll:"all",borderTop:"top",borderRight:"right",borderBottom:"bottom",borderLeft:"left"},f={mobileBorderAll:"all",mobileBorderTop:"top",mobileBorderRight:"right",mobileBorderBottom:"bottom",mobileBorderLeft:"left"};Object.defineProperty(e,"BORDER_POSITIONS",{enumerable:!0,get:function(){return a}}),Object.defineProperty(e,"BORDER_RADIUS_POSITION",{enumerable:!0,get:function(){return m}}),Object.defineProperty(e,"MOBILE_BORDER_POSITIONS",{enumerable:!0,get:function(){return O}}),Object.defineProperty(e,"MOBILE_BORDER_RADIUS_POSITION",{enumerable:!0,get:function(){return R}}),Object.defineProperty(e,"MOBILE_REVERSE_BORDER_POSITIONS",{enumerable:!0,get:function(){return f}}),Object.defineProperty(e,"NULL_BORDER",{enumerable:!0,get:function(){return _}}),Object.defineProperty(e,"PADDING_POSITION",{enumerable:!0,get:function(){return b}}),Object.defineProperty(e,"REVERSE_BORDER_POSITIONS",{enumerable:!0,get:function(){return B}}),Object.defineProperty(e,"SelectedElementFormBorder",{enumerable:!0,get:function(){return u}}),Object.defineProperty(e,"useGoogleFontsLoader",{enumerable:!0,get:function(){return n}})});
+
+(function(){try{if(typeof document<"u"){var t='.blocks-app .upload-bg-image{margin-bottom:calc(var(--ub-formItemMarginBottomXS) * 1px)}.blocks-app .upload-bg-image__inner-wrap{border:calc(var(--ub-borderWidth) * 1px) solid var(--ub-colorFillSecondaryDarken);border-radius:calc(var(--ub-borderRadius) * 1px);cursor:pointer;background-color:var(--ub-colorBgContainer);justify-content:space-between;align-items:center;transition:all .2s linear .2s;display:flex}.blocks-app .upload-bg-image__inner-wrap:hover{border-color:var(--ub-borderColorHover)}.blocks-app .upload-bg-image__uploader{width:calc((var(--ub-formControlHeight) - var(--ub-borderWidth) * 2 + 1) * 1px);height:calc((var(--ub-formControlHeight) - var(--ub-borderWidth) * 2) * 1px);border-radius:calc(var(--ub-borderRadius) * .8px);border:none;border-right:1px solid var(--ub-colorFillSecondaryDarken);flex-shrink:0;margin-right:10px;overflow:hidden}.blocks-app .upload-bg-image__uploader-content{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.blocks-app .upload-bg-image__uploader-content-inner{width:inherit;height:inherit;position:relative}.blocks-app .upload-bg-image__uploader-img-wrap{width:inherit;height:inherit;z-index:1;border:none;position:absolute;overflow:hidden}.blocks-app .upload-bg-image__uploader-img-wrap:after{opacity:0;content:"";transition:opacity .3s;position:absolute;inset:0}.blocks-app .upload-bg-image__uploader-content:hover .upload-bg-image__uploader-img-wrap:after{opacity:1}.blocks-app .upload-bg-image .upload-bg-image__empty{border-top:2px solid var(--ub-colorError);z-index:2;width:27px;position:absolute;top:16px;left:3px;transform:rotate(-45deg)}.blocks-app .upload-bg-image .inputGroup{flex-direction:column;width:100%;display:flex}.blocks-app .upload-bg-image .image-size{color:var(--ub-colorTextTertiary);padding-right:15px;font-size:12px}.blocks-app .upload-bg-image .image-empty-text,.blocks-app .upload-bg-image .image-size-splitter{color:var(--ub-colorTextQuaternary)}.blocks-app .upload-bg-image__edit,.blocks-app .upload-bg-image__edit-menu{color:var(--ub-colorLink);right:calc((var(--ub-borderWidth) + 2) * 1px);padding:6px;line-height:1;position:absolute}.blocks-app .upload-bg-image__edit{right:calc((var(--ub-borderWidth) + 32) * 1px);position:absolute}.blocks-app .upload-bg-image__uploader-icons-wrap{z-index:2;width:inherit;height:inherit;opacity:1;cursor:pointer;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:relative}.blocks-app .upload-bg-image__uploader-content:hover .upload-bg-image__uploader-icons-wrap{opacity:.85}.blocks-app .upload-bg-image__uploader-icons-wrap-upload{z-index:1;width:inherit;height:inherit;opacity:.8;cursor:pointer;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:relative}.blocks-app .upload-bg-image__uploader-content:hover .upload-bg-image__uploader-icons-wrap-upload{opacity:.85}.blocks-app .upload-bg-image__uploader-icons-wrap-upload .upload-bg-image__uploader-content:empty{background-color:var(--ub-colorFillSecondary);border-radius:calc(var(--ub-borderRadius) * 1px)}.blocks-app .upload-bg-image__uploader-link,.blocks-app .upload-bg-image__uploader-link:hover{color:#fff}.blocks-app .upload-bg-image__uploader-icon{color:#fff;margin:0 3px;font-size:14px}.blocks-app .upload-bg-image__uploader-img{object-fit:cover;width:100%;height:100%;display:block!important}.blocks-app .upload-bg-image__uploader-img-placeholder{width:100%;height:100%;display:block}.blocks-app .upload-bg-image__uploader-icon-btn{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.blocks-app .upload-bg-image__input{border-color:var(--ub-colorFillSecondaryDarken)}.blocks-app .upload-bg-image__uploader .ant-upload-select{cursor:pointer;width:100%;height:100%;display:block}.blocks-app .upload-bg-image__uploader .ant-upload-select .ant-upload{width:100%;height:100%;display:block}.dark .blocks-app .upload-bg-image__uploader{border-right:1px solid var(--ub-colorBorder)}.blocks-app .countdown-color .color-picker-input__picker-holder{z-index:auto;left:auto;right:-10px}.blocks-app .email-pane .box-shadow-control .ant-collapse-panel,.blocks-app .email-pane .border-control .ant-collapse-panel,.blocks-app .box-shadow-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body,.blocks-app .border-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body{overflow:visible}.blocks-app .selected-image-form_busy{position:relative}.blocks-app .selected-image-form__loader{z-index:5;background-color:color-mix(in srgb, var(--ub-colorBgContainer) 60%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:28px 0 0 0 color-mix(in srgb, var(--ub-colorBgContainer) 60%, transparent), -28px 0 0 0 color-mix(in srgb, var(--ub-colorBgContainer) 60%, transparent);position:absolute;inset:0}.blocks-app .selected-image-form__loader-body{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex;position:absolute;top:0;left:0;right:0}.blocks-app .selected-image-form__loader-title{color:var(--ub-colorTextSecondary);text-align:center;padding:0 24px;font-size:13px}.blocks-app .selected-text-common-form__border-radio{position:relative}.blocks-app .selected-text-common-form__border-radio:after{content:"·";border:3px solid var(--ub-colorPrimary);border-radius:50%;font-size:0;line-height:0;position:absolute;top:2px;right:2px}.blocks-app .selected-text-common-form__border-col{margin-top:22px;margin-bottom:10px}@media (width<=1840px){.blocks-app .selected-text-common-form__border-col{margin-top:0}}.blocks-app .selected-text-common-form__border-item.ant-form-item .ant-row{flex-direction:row;align-items:center}.blocks-app .selected-text-common-form__border-item.ant-form-item .ant-row .ant-col.ant-form-item-label{white-space:nowrap;padding-top:6px}.blocks-app .selected-text-common-form__padding-input{max-width:46px;margin-bottom:0}.blocks-app .selected-text-common-form__padding-input input{text-align:center;padding:4px 8px}.blocks-app .selected-text-common-form__padding-input .ant-input-number-focused input{text-align:left}.blocks-app .selected-text-common-form__button--active,.blocks-app .selected-text-common-form__button--active:focus{color:#40a9ff;border-color:#40a9ff}.blocks-app .selected-text-common-form__br-input{margin-bottom:10px}.blocks-app .selected-text-common-form__tooltip{margin-left:4px}.blocks-app .selected-text-common-form__icon-radius{width:16px;height:100%}.blocks-app .selected-text-common-form__block{margin-bottom:24px}.blocks-app .selected-text-common-form__button_style{padding-left:10px;padding-right:10px;transition:none}.blocks-app .selected-text-common-form__format-toolbar{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.blocks-app .selected-text-common-form__format-toolbar .ant-form-item{margin-bottom:0}.blocks-app .ant-app .bullet-type .ant-select-selector{padding-left:5px}.blocks-app .selected_text_common_form_mobile .ant-form-item{margin:0}.blocks-app .selected_text_common_form_mobile .ant-input-number-affix-wrapper{padding-inline-start:7px}.blocks-app .selected_text_common_form_mobile .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,.blocks-app .selected_text_common_form_mobile .ant-input-number-group .ant-input-number-group-addon{padding:0 7px}.blocks-app .selected_text_common_form_mobile .ant-input-number .ant-input-number-handler-wrap{width:16px}.blocks-app .selected_text_common_form_mobile .ant-select .ant-select-arrow{inset-inline-end:7px;font-size:10px!important}.blocks-app .selected_text_common_form_mobile .ant-divider-vertical{height:46px;top:0}.blocks-app .selected_text_common_form_mobile .selected_text_common_form_mobile__group{padding:6px 0}.blocks-app .selected_text_common_form_mobile .selected-td-form__button{background:var(--ub-colorFillSecondary);width:34px;height:34px;border:1px solid #0000!important}.blocks-app .selected_text_common_form_mobile .ant-btn-default:not(:disabled,.ant-btn-disabled,.email-pane__content-col .selected-td-form__button--active):hover{background:var(--ub-colorFillSecondaryDarken);color:inherit;border-color:#0000}.blocks-app .selected_text_common_form_mobile .selected-td-form__button--active{background:var(--ub-colorPrimaryBg);color:var(--ub-colorPrimary);border-color:#0000}.blocks-app .selected_text_common_form_mobile .selected-td-form__button--active:hover{background:var(--ub-colorPrimaryBgHover)!important;color:var(--ub-colorPrimaryTextHover)!important}.blocks-app .selected_text_common_form_mobile .color-picker-input{width:34px;height:34px}.blocks-app .selected_text_common_form_mobile .color-picker-input .ant-input-affix-wrapper{display:none}.blocks-app .selected_text_common_form_mobile .color-picker-input__control-wrap .ant-color-picker-trigger{border:1px solid var(--ub-colorFillSecondaryDarken);width:34px;height:34px;top:0;left:0}.blocks-app .selected_text_common_form_mobile .ant-radio-button-wrapper{background:var(--ub-colorFillSecondary);height:34px;padding:0 9px;border:1px solid #0000!important}.blocks-app .selected_text_common_form_mobile .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):hover{color:inherit;background:var(--ub-colorFillSecondaryDarken)}.blocks-app .selected_text_common_form_mobile .ant-radio-button-wrapper.ant-radio-button-wrapper-checked{background:var(--ub-colorPrimaryBg);color:var(--ub-colorPrimary)}.blocks-app .selected_text_common_form_mobile .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover{background:var(--ub-colorPrimaryBgHover);color:var(--ub-colorPrimaryTextHover)}.blocks-app .selected_text_common_form_mobile .codemode-textalign-dropdown{background-color:var(--ub-colorBgContainer);border-radius:calc(var(--ub-borderRadius) * 1px);box-shadow:var(--ub-boxShadowSecondary);padding:6px}.blocks-app .mobile-background-image-field .upload-bg-image{margin-bottom:0}.blocks-app .selected_element_vindent_values{font-size:12px}.blocks-app .selected_element_vindent_values span{cursor:pointer;margin-right:10px}.blocks-app .selected_element_vindent_values span:hover{color:#40a9ff}.blocks-app .selected-td-form__border-side-wrapper{display:inline-flex;position:relative}.blocks-app .selected-td-form__border-side-wrapper label{border-radius:calc(var(--ub-borderRadius) * 1px)}.blocks-app .selected-td-form__border-side-wrapper:hover .selected-td-form__border-side-clear{opacity:1}.blocks-app .selected-td-form__border-side-clear{z-index:1;opacity:0;cursor:pointer;color:var(--ub-colorTextSecondary);background-color:var(--ub-colorBgLayout);border-radius:50%;width:20px;height:20px;transition:opacity .15s;position:absolute;top:-6px;right:-4px}.blocks-app .selected-td-form__border-side-clear:hover{color:var(--ub-colorError)}.blocks-app .selected-td-form__border-radio:after{content:"·";border:3px solid var(--ub-colorPrimary);border-radius:50%;font-size:0;line-height:0;position:absolute;top:2px;right:2px}@media (width<=1840px){.blocks-app .selected-td-form__border-col{margin-top:0}}.blocks-app .selected-td-form__border-item.ant-form-item .ant-row{flex-direction:row;align-items:center}.blocks-app .selected-td-form__border-item.ant-form-item .ant-row .ant-col.ant-form-item-label{white-space:nowrap;padding-top:6px}.blocks-app .selected-td-form__padding-input input{text-align:center;padding:4px 8px}.blocks-app .selected-td-form__padding-input .ant-input-number-focused input{text-align:left}.blocks-app .selected-td-form__button--active,.blocks-app .selected-td-form__button--active:focus{color:#40a9ff;border-color:#40a9ff}.blocks-app .selected-td-form__tooltip{margin-left:4px}.blocks-app .selected-td-form__icon-radius{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.blocks-app .selected-td-form__button_style{padding-left:10px;padding-right:10px;transition:none}.blocks-app .selected-td-form__border-radio{position:relative}.blocks-app .selected-td-form__border-radio:after{content:"·";border:3px solid var(--ub-colorPrimary);border-radius:50%;font-size:0;line-height:0;position:absolute;top:2px;left:2px;right:auto}.blocks-app .selected-td-form__border-col{margin-top:0;margin-bottom:0}@media (width<=1840px){.blocks-app .selected-td-form__border-col{margin-top:0}}.blocks-app .selected-td-form__border-item.ant-form-item .ant-col.ant-form-item-label{white-space:nowrap;padding-top:6px}.blocks-app .selected-td-form__padding-input{max-width:50px;margin-bottom:0}.blocks-app .selected-td-form__padding-input input{padding:4px 8px}.blocks-app .selected-td-form__br-input{margin-bottom:10px}.blocks-app .selected-td-form__tooltip{vertical-align:baseline;margin-left:4px}.blocks-app .selected-td-form__icon-radius{width:16px;height:100%}.blocks-app .selected-td-form__block{margin-bottom:24px}.blocks-app .carousel__slide{background-color:var(--ub-colorFillQuaternary);border-radius:calc(var(--ub-borderRadius) * 1px);margin-bottom:calc(var(--ub-formItemMarginBottomXS) * 1px);border:calc(var(--ub-borderWidth) * 1px) solid var(--ub-colorFillSecondaryDarken);padding:10px}.blocks-app .email-pane .box-shadow-control .ant-collapse-panel,.blocks-app .email-pane .border-control .ant-collapse-panel,.blocks-app .box-shadow-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body,.blocks-app .border-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body{overflow:visible}.blocks-app .selected-image-form__add-title{margin-top:-15px;margin-bottom:30px}.blocks-app .selected-image-form__add-title span{cursor:pointer}.blocks-app .selected-image-form__add-title span:hover{color:#40a9ff}.blocks-app .email-pane .box-shadow-control .ant-collapse-panel,.blocks-app .email-pane .border-control .ant-collapse-panel,.blocks-app .box-shadow-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body,.blocks-app .border-control.ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body{overflow:visible}.blocks-app .selected-social-form{box-sizing:border-box;min-width:0;padding:0 0 16px}.blocks-app .selected-social-form .selected-social-form__form{padding:0 0 8px}.blocks-app .selected-social-form .selected-social-form__align-block{margin-bottom:16px}.blocks-app .selected-social-form .selected-social-form__align-block .ant-form-item,.blocks-app .selected-social-form .selected-social-form__section{margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__section--bordered{border-top:1px solid var(--ub-colorBorderSecondary,#f0f0f0);margin-top:16px;padding-top:16px}.blocks-app .selected-social-form .selected-social-form__section-title{color:var(--ub-colorText,#000000e0);margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.2}.blocks-app .selected-social-form .selected-social-form__field-row{margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__field-icon{color:var(--ub-colorTextSecondary,#8c8c8c)}.blocks-app .selected-social-form .selected-social-form__input-full{width:100%}.blocks-app .selected-social-form .selected-social-form__items{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.blocks-app .selected-social-form .selected-social-form__card{border:1px solid var(--ub-colorBorderSecondary,#f0f0f0);background:var(--ub-colorFillTertiary,#f8f8f8);border-radius:6px;padding:12px;transition:border-color .15s,box-shadow .15s,opacity .15s}.blocks-app .selected-social-form .selected-social-form__card--dragging{opacity:.72}.blocks-app .selected-social-form .selected-social-form__card--drag-over{border-color:var(--ub-colorPrimary);box-shadow:0 0 0 1px var(--ub-colorPrimary)}.blocks-app .selected-social-form .selected-social-form__card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-main{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__drag-handle{width:24px;height:24px;color:var(--ub-colorTextSecondary,#8c8c8c);cursor:grab;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s,background-color .15s;display:inline-flex}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__drag-handle:hover{color:var(--ub-colorText,#000000e0);background:var(--ub-colorFillSecondary,#f0f0f0)}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__drag-handle:active{cursor:grabbing}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__drag-handle:focus-visible{outline:2px solid var(--ub-colorPrimary);outline-offset:1px}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__drag-handle .anticon{font-size:14px;transform:rotate(90deg)}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-remove.ant-btn{box-sizing:border-box;aspect-ratio:1;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;color:var(--ub-colorTextSecondary,#8c8c8c);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s,background-color .15s;display:inline-flex}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-remove.ant-btn .anticon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-remove.ant-btn svg{width:18px;height:18px;display:block}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-remove.ant-btn:hover{color:var(--ub-colorText,#000000e0);background:var(--ub-colorFillSecondary,#f0f0f0)}.blocks-app .selected-social-form .selected-social-form__card-head .selected-social-form__card-head-remove.ant-btn:focus-visible{outline:2px solid var(--ub-colorPrimary);outline-offset:1px}.blocks-app .selected-social-form .selected-social-form__card-title{min-width:0;color:var(--ub-colorText,#000000e0);flex:auto;font-size:14px;font-weight:300;line-height:1.2}.blocks-app .selected-social-form .selected-social-form__card-field.ant-row{margin-bottom:8px}.blocks-app .selected-social-form .selected-social-form__card-field.ant-row:last-child{margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__bg-color-row{width:100%;margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__bg-color-row .ant-col .ant-form-item{max-width:none;margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__bg-color-row .ant-form-item-control-input-content,.blocks-app .selected-social-form .selected-social-form__meta-block{width:100%}.blocks-app .selected-social-form .selected-social-form__meta-toggle-row{flex-wrap:wrap;align-items:center;display:flex}.blocks-app .selected-social-form .selected-social-form__meta-fields.is-hidden,.blocks-app .selected-social-form .selected-social-form__card-field.is-hidden{display:none}.blocks-app .selected-social-form .selected-social-form__meta-fields{flex-direction:column;gap:6px;width:100%;display:flex}.blocks-app .selected-social-form .selected-social-form__meta-fields .ant-form-item{margin-bottom:0}.blocks-app .selected-social-form .selected-social-form__meta-fields .ant-form-item-control-input-content{width:100%}.blocks-app .selected-social-form .selected-social-form__platform-row{align-items:flex-start;gap:8px;width:100%;margin-bottom:8px;display:flex}.blocks-app .selected-social-form .selected-social-form__platform-field{flex:auto;min-width:0;margin-bottom:0!important}.blocks-app .selected-social-form .selected-social-form__platform-edit.ant-btn{box-sizing:border-box;width:calc(var(--ub-formControlHeight) * 1px);min-width:calc(var(--ub-formControlHeight) * 1px);max-width:calc(var(--ub-formControlHeight) * 1px);height:calc(var(--ub-formControlHeight) * 1px);min-height:calc(var(--ub-formControlHeight) * 1px);max-height:calc(var(--ub-formControlHeight) * 1px);line-height:calc((var(--ub-formControlHeight) - 2) * 1px);color:var(--ub-colorTextSecondary,#8c8c8c);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.blocks-app .selected-social-form .selected-social-form__platform-edit.ant-btn.ant-btn-icon-only .ant-btn-icon{justify-content:center;align-items:center;width:100%;height:100%;line-height:0;display:inline-flex}.blocks-app .selected-social-form .selected-social-form__platform-edit.ant-btn.ant-btn-icon-only .ant-btn-icon svg{display:block}.blocks-app .selected-social-form .selected-social-form__platform-edit.ant-btn:hover{color:var(--ub-colorText,#000000e0);background:var(--ub-colorFillSecondary,#f0f0f0)}.blocks-app .selected-social-form .selected-social-form__platform-edit.ant-btn:focus-visible{outline:2px solid var(--ub-colorPrimary);outline-offset:1px}.blocks-app .selected-social-form .selected-social-form__platform-select{width:100%}.blocks-app .selected-social-form .selected-social-form__platform-select.ant-select-single .ant-select-selector .ant-select-selection-item{align-self:center;align-items:center;line-height:1.2;display:flex}.blocks-app .selected-social-form .selected-social-form__platform-select .ant-select-arrow{color:var(--ub-colorTextSecondary,#8c8c8c)}.blocks-app .selected-social-form .selected-social-form__platform-select .ant-select-arrow svg{width:16px;height:16px}.blocks-app .selected-social-form .selected-social-form__platform-option{align-items:center;gap:4px;min-width:0;line-height:1.2;display:flex}.blocks-app .selected-social-form .selected-social-form__platform-option img{flex-shrink:0;width:30px;height:30px;margin-left:-6px;display:block}.blocks-app .selected-social-form .selected-social-form__platform-option-text{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.blocks-app .selected-social-form .selected-social-form__add-bar{background:var(--ub-colorFillTertiary,#f8f8f8);height:32px;color:var(--ub-colorText,#000000e0);border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:8px 12px;font-size:14px;font-weight:300;line-height:1.2;display:flex}.blocks-app .selected-social-form .selected-social-form__add-bar:not(:disabled):hover{background:var(--ub-colorFillSecondary,#f0f0f0);color:var(--ub-colorText,#000000e0)}.blocks-app .selected-social-form__platform-dropdown .ant-select-item-option{align-items:center}.blocks-app .selected-social-form__platform-dropdown .ant-select-item-option-content{align-items:center;min-height:0;line-height:1.2;display:flex}.blocks-app .selected-social-form__platform-dropdown .selected-social-form__platform-option{gap:0}.blocks-app .selected-social-form__platform-dropdown .selected-social-form__platform-option img{width:30px;height:30px;margin-left:-6px}.blocks-app .selected-social-form .ant-input-affix-wrapper .ant-input-suffix{flex-shrink:0;align-items:center;display:inline-flex}.blocks-app .selected-social-form .ant-input-affix-wrapper .ant-input-clear-icon:not(.ant-input-clear-icon-hidden){color:var(--ub-colorTextSecondary,#8c8c8c)}.blocks-app .selected-social-form .ant-input-affix-wrapper .ant-input-clear-icon:not(.ant-input-clear-icon-hidden) .anticon{vertical-align:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.blocks-app .selected-social-form .ant-input-affix-wrapper .ant-input-clear-icon:not(.ant-input-clear-icon-hidden) svg{width:16px;height:16px;display:block}.blocks-app .selected-social-form .ant-input-affix-wrapper .ant-input-clear-icon:not(.ant-input-clear-icon-hidden):hover{color:var(--ub-colorText,#000000e0)}.blocks-app .ant-app .email-pane__content-col .selected-social-form .ant-form-item.selected-social-form__card-field{margin-bottom:8px}.blocks-app .ant-app .email-pane__content-col .selected-social-form .ant-form-item.selected-social-form__card-field:last-child{margin-bottom:0}.blocks-app .email-pane .selected-social-form form.selected-social-form__form.element-controls,.blocks-app .email-pane .email-pane__collapse-wrapper.mobile-properties .selected-social-form form.selected-social-form__form.element-controls{height:auto;max-height:none}.blocks-app .ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-header{padding:20px 0;font-size:14px}.blocks-app .ant-collapse.hidden-props>.ant-collapse-item>.ant-collapse-panel>.ant-collapse-body{padding-left:0;padding-right:0}.blocks-app .ant-collapse.hidden-props .ant-alert{margin-bottom:24px}.blocks-app .selected_form-mobile-props{padding:24px 14px 0 24px}.blocks-app .email-pane_code-mode:not(.email-pane_code-mode-bottom) .selected-element-panel-content.selected-element-panel__hidden{visibility:hidden;opacity:0;height:0}.blocks-app .email-properties__collapse-panel .selected-element-panel-content{height:100%}.blocks-app .email-pane_code-mode:not(.email-pane_code-mode-bottom) .selected-element-panel-content{width:auto;box-shadow:var(--ub-boxShadowSecondary);border-radius:calc(var(--ub-borderRadius) * 1px);border:none;margin:0;padding:0 6px;transition:opacity .2s;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.blocks-app .em-analytics__email-tab-properties,.blocks-app .em-analytics__email-tab-history{z-index:999;position:absolute}.blocks-app .em-analytics__email-tab-properties .email-pane__collapse-wrapper,.blocks-app .em-analytics__email-tab-history .email-pane__collapse-wrapper{z-index:999;box-shadow:0 1px 2px -2px #00000029,0 3px 6px #0000001f,0 5px 12px 4px #0000000f}.blocks-app .email-pane__col-wrapper_pinch .em-analytics__email-tab-properties .email-pane__collapse-wrapper,.blocks-app .email-pane__col-wrapper_pinch .em-analytics__email-tab-history .email-pane__collapse-wrapper{box-shadow:none}.blocks-app .selected-element-panel{height:100%;overflow:visible}.blocks-app .selected-element-panel button.selected-element-panel__extra-btn,.blocks-app .selected-element-panel__extra-btn button{height:24px;padding:0 7px}.blocks-app .selected-element-panel-content{position:relative}.blocks-app .selected-element-panel-content.column-settings-show_onecol{padding-top:75px}.blocks-app .selected-element-panel__columns-settings{z-index:1;width:100%;position:relative}.blocks-app .selected-element-panel__columns-settings__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.blocks-app .selected-element-panel__columns-settings__header-title{color:var(--ub-colorText);font-size:14px;line-height:1.5}.blocks-app .selected-element-panel__columns-settings__title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px;font-size:16px;font-weight:500;line-height:20px;overflow:hidden}.blocks-app .selected-element-panel__columns-settings__links{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;font-size:14px;display:flex}.blocks-app .selected-element-panel__columns-settings__links span{color:var(--ub-colorLink);cursor:pointer}.blocks-app .selected-element-panel__columns-settings__links span:hover{color:#40a9ff}.blocks-app .selected-element-panel__columns-settings__links__add{align-items:center;gap:4px;display:inline-flex}.blocks-app .selected-element-panel__columns-settings__links__add.noactive,.blocks-app .selected-element-panel__columns-settings__links__add.noactive span{color:#00000073;cursor:not-allowed}.blocks-app .selected-element-panel__columns-settings__controls{align-items:center;gap:8px;display:flex}.blocks-app .selected-element-panel__columns-settings__controls__column{align-items:center;min-width:40px;display:flex;position:relative}.blocks-app .selected-element-panel__columns-settings__controls__column:first-child .selected-element-panel__columns-settings__controls__divider{visibility:hidden}.blocks-app .selected-element-panel__columns-settings__controls__column__remove,.blocks-app .selected-element-panel__columns-settings__controls__column__copy,.blocks-app .selected-element-panel__columns-settings__controls__column__swap{text-align:center;box-sizing:border-box;cursor:pointer;z-index:1;color:#000000d9;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-size:14px;display:none;position:absolute;left:-10px;box-shadow:0 0 7px -2px #00000059}.blocks-app .selected-element-panel__columns-settings__controls__column__remove{top:-11px}.blocks-app .selected-element-panel__columns-settings__controls__column__copy{color:#000000a6;top:20px}.blocks-app .selected-element-panel__columns-settings__controls__column__swap{color:#000000a6;top:10px;left:-16px}.blocks-app .selected-element-panel__columns-settings__controls__column__remove:hover,.blocks-app .selected-element-panel__columns-settings__controls__column__copy:hover,.blocks-app .selected-element-panel__columns-settings__controls__column__swap:hover{box-shadow:0 0 7px -2px #000000b3}.blocks-app .selected-element-panel__columns-settings__controls:hover .selected-element-panel__columns-settings__controls__column__swap,:is(.blocks-app .selected-element-panel__columns-settings__controls__column:hover:not(:has(.selected-element-panel__columns-settings__controls__column__swap:hover)) .selected-element-panel__columns-settings__controls__column__remove,.blocks-app .selected-element-panel__columns-settings__controls__column:hover:not(:has(.selected-element-panel__columns-settings__controls__column__swap:hover)) .selected-element-panel__columns-settings__controls__column__copy){display:flex}.blocks-app .selected-element-panel__columns-settings__controls__column:hover:not(:has(.selected-element-panel__columns-settings__controls__column__swap:hover)) .selected-element-panel__columns-settings__controls__column__swap{display:none}.blocks-app .selected-element-panel__columns-settings__controls__field{text-align:center;border-radius:6px;width:100%;height:45px}.blocks-app .selected-element-panel__columns-settings__controls__field .ant-input-number{background:0 0;border:none}.blocks-app .selected-element-panel__columns-settings__controls__field .ant-input-number .ant-input-number-input{text-align:center;height:43px}.blocks-app .selected-element-panel__columns-settings__controls__divider{cursor:w-resize}.blocks-app .selected-element-panel__columns-settings__divider-wrapper{display:none}.blocks-app .selected-element-panel .selected-element-panel__columns-settings__divider-wrapper{display:block;position:relative}.blocks-app .selected-element-panel .selected-element-panel__columns-settings__divider{width:calc(100% + 80px);height:20px;margin:24px -40px 0;position:absolute;bottom:-20px}.blocks-app .selected-element-panel__content_abs{border:1px solid var(--ub-colorBorder);z-index:100;background-color:var(--ub-colorBgContainer);border-top:none;border-radius:0 0 8px 8px;width:100%;max-width:1400px;min-height:15px;margin-bottom:15px;transition:all .5s;display:flex;position:sticky;top:0;left:0}.blocks-app .selected-element-panel__mobile-switch{background-color:var(--ub-colorPrimary)}.blocks-app .selected-element-panel__mobile-switch.ant-switch-checked{background-color:var(--ub-colorInfo)}.blocks-app #selected_element_form_desktop_props .ant-alert-info .ant-alert-title{color:var(--ub-colorInfoText)}.blocks-app .ant-app .selected_form-mobile-switch{margin-bottom:20px;font-size:16px;font-weight:500}.blocks-app .ant-app .selected_form-mobile-props{--ub-colorPrimaryBorder:var(--ub-colorInfo);--ub-controlOutline:var(--ub-colorInfoBgHover)}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number:focus,.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-focused,.blocks-app .ant-app .selected_form-mobile-props .ant-input:focus,.blocks-app .ant-app .selected_form-mobile-props .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,.blocks-app .ant-app .selected_form-mobile-props .ant-input-affix-wrapper:focus,.blocks-app .ant-app .selected_form-mobile-props .ant-input-affix-wrapper-focused{border-color:var(--ub-colorInfo);box-shadow:0 0 0 calc(var(--ub-controlOutlineWidth) * 1px) var(--ub-controlOutline)!important}:is(.blocks-app .ant-app .selected_form-mobile-props .ant-input-affix-wrapper>.ant-input:focus,.blocks-app .ant-app .selected_form-mobile-props .ant-space-compact:has(>.ant-input-number):focus-within>.ant-input-number,.blocks-app .ant-app .selected_form-mobile-props .input-select:focus-within .ant-input-affix-wrapper){box-shadow:none!important}.blocks-app .ant-app .selected_form-mobile-props .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--ub-colorInfo)}.blocks-app .ant-app .selected_form-mobile-props .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#edd3ed}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group:not(.ant-input-number-wrapper-disabled):focus-within{box-shadow:var(--ub-colorInfoBg) 0 0 0 2px!important}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group:not(.ant-input-number-wrapper-disabled):focus-within .ant-input-number-affix-wrapper:not(:last-child),.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group:not(.ant-input-number-wrapper-disabled):focus-within .ant-input-number-group-addon:last-child,.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group:not(.ant-input-number-wrapper-disabled):focus-within>.ant-input-number:first-child{border-color:var(--ub-colorInfo)}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group:not(.ant-input-number-wrapper-disabled):focus-within .ant-input-number-affix-wrapper:not(:last-child){border-right-color:var(--ub-colorFillSecondaryDarken)}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group-addon .ant-select-open .ant-select-selector,.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-group-addon .ant-select-focused .ant-select-selector,.blocks-app .ant-app .selected_form-mobile-props .ant-radio-button-wrapper:hover,.blocks-app .ant-app .selected_form-mobile-props .ant-collapse>.ant-collapse-item>.ant-collapse-header:hover{color:var(--ub-colorInfo)}.blocks-app .ant-app .selected_form-mobile-props .ant-btn-background-ghost.ant-btn-primary{color:var(--ub-colorInfo);border-color:var(--ub-colorInfo)}.blocks-app .ant-app .selected_form-mobile-props .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child,.blocks-app .ant-app .selected_form-mobile-props .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),.blocks-app .ant-app .selected_form-mobile-props .selected-td-form__button--active{background-color:var(--ub-colorInfoBg)!important;color:var(--ub-colorInfoText)!important}.blocks-app .ant-app .selected_form-mobile-props .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before,.blocks-app .ant-app .selected_form-mobile-props .ant-switch-checked{background-color:var(--ub-colorInfoTextActive)}.blocks-app .ant-app .selected_form-mobile-props .ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled){background-color:var(--ub-colorInfoHover)}.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-action:hover .ant-input-number-action-up-inner,.blocks-app .ant-app .selected_form-mobile-props .ant-input-number-action:hover .ant-input-number-action-down-inner{color:var(--ub-colorInfo)}.blocks-app .ant-app .selected_form-mobile-props .ant-alert-info{background-color:var(--ub-colorInfoBg);border:none}.blocks-app .ant-app .selected_form-mobile-props .ant-alert-info .ant-alert-title{color:var(--ub-colorInfoText)}.blocks-app .selected-element-panel__extra-btn-container{position:absolute;top:13px;right:50px}.blocks-app .selected-element-panel__extra-btn-container .ant-btn-text:disabled{color:var(--ub-colorTextQuaternary)}.blocks-app .email-properties__collapse .ant-tabs-content>.ant-tabs-tabpane{height:100%}.blocks-app .ant-app .columns-presets{width:100%;margin-bottom:calc(var(--ub-formItemMarginBottomMD) * 1px);align-items:center;gap:7px;display:flex}.blocks-app .ant-app .columns-presets .ant-btn{flex:1;min-width:0;padding:7px 9px;line-height:1!important}.blocks-app .email-pane__collapse-wrapper .ant-modal-close{width:24px;height:24px;font-size:16px}.blocks-app .email-pane__collapse-wrapper .ant-modal-close .anticon{line-height:0}.blocks-app .groups-management__group-select label{width:100%}.blocks-app .groups-management__group-select label:after{display:none}.blocks-app .groups-management__group_menu{border-color:var(--ub-colorFillSecondaryDarken)}.blocks-app .annotations-preview{z-index:1100;pointer-events:auto;background:#fff;border-radius:8px;width:300px;padding:16px;position:absolute;top:0;box-shadow:0 4px 12px #00000026}.blocks-app .annotations-preview--popover{opacity:1;z-index:1;pointer-events:auto;width:420px;max-height:calc(100vh - 48px);position:absolute;top:0;left:-15px;overflow:hidden;transform:translate(-100%)}.blocks-app .annotations-preview__content{pointer-events:none}.blocks-app .annotations-preview__type{color:#202124;margin-bottom:10px;font-size:13px;font-weight:600}.blocks-app .annotations-preview__footer{pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.blocks-app .annotations-preview__apply-wrap{margin-left:auto;display:inline-flex}.blocks-app .email-pane__col-wrapper_reverse .annotations-preview--popover{left:auto;right:-15px;transform:translate(100%)}.blocks-app .preview-skeleton{background:linear-gradient(90deg,#f1f3f4 25%,#e8eaed 50%,#f1f3f4 75%) 0 0/200% 100%;border-radius:4px;flex-shrink:0;animation:1.4s ease-in-out infinite preview-skeleton-shimmer;display:block}.blocks-app .preview-skeleton--circle{border-radius:50%}.blocks-app .preview-skeleton--block{border-radius:0}@keyframes preview-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blocks-app .product-carousel-preview__header{margin-bottom:12px}.blocks-app .product-carousel-preview__header-main{align-items:flex-start;gap:12px;display:flex}.blocks-app .product-carousel-preview__logo{object-fit:cover;border:1px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:40px;height:40px}.blocks-app .product-carousel-preview__logo-skeleton{border:none}.blocks-app .product-carousel-preview__subject-skeleton{flex:1;min-width:0;max-width:220px}.blocks-app .product-carousel-preview__header-text{flex:1;min-width:0}.blocks-app .product-carousel-preview__header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.blocks-app .product-carousel-preview__header-row--subject{align-items:flex-start;margin-top:2px}.blocks-app .product-carousel-preview__brand-name{color:#202124;font-size:14px;font-weight:600;line-height:20px}.blocks-app .product-carousel-preview__time{color:#5f6368;flex-shrink:0;font-size:11px;line-height:16px}.blocks-app .product-carousel-preview__subject-line{color:#202124;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;line-height:18px;overflow:hidden}.blocks-app .product-carousel-preview__star-icon{color:#5f6368;flex-shrink:0}.blocks-app .product-carousel-preview__carousel{gap:8px;margin:0 -2px;padding-bottom:4px;display:flex;overflow-x:auto}.blocks-app .product-carousel-preview__carousel::-webkit-scrollbar{display:none}.blocks-app .product-carousel-preview__carousel{-ms-overflow-style:none;scrollbar-width:none}.blocks-app .product-carousel-preview__card{background:#fff;border:1px solid #dadce0;border-radius:8px;flex:0 0 128px;width:128px;overflow:hidden}.blocks-app .product-carousel-preview__card-image{aspect-ratio:1;background-color:#f1f3f4;background-position:50%;background-size:cover;width:100%}.blocks-app .product-carousel-preview__card-image-skeleton{aspect-ratio:1;width:100%}.blocks-app .product-carousel-preview__card-body{padding:8px}.blocks-app .product-carousel-preview__card-headline{color:#3c4043;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.blocks-app .product-carousel-preview__card-headline-skeleton{flex-direction:column;gap:4px;min-height:32px;display:flex}.blocks-app .product-carousel-preview__card-prices{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:6px;display:flex}.blocks-app .product-carousel-preview__card-sale-price{color:#202124;font-size:13px;font-weight:600;line-height:16px}.blocks-app .product-carousel-preview__card-original-price{color:#5f6368;font-size:12px;line-height:16px;text-decoration:line-through}.blocks-app .single-image-preview__header{margin-bottom:10px}.blocks-app .single-image-preview__header-main{align-items:flex-start;gap:12px;display:flex}.blocks-app .single-image-preview__logo{object-fit:cover;border:1px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:40px;height:40px}.blocks-app .single-image-preview__logo-skeleton{border:none}.blocks-app .single-image-preview__header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.blocks-app .single-image-preview__header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.blocks-app .single-image-preview__brand-name{color:#202124;font-size:14px;font-weight:600;line-height:20px}.blocks-app .single-image-preview__time{color:#5f6368;flex-shrink:0;font-size:11px;line-height:16px}.blocks-app .single-image-preview__subject-line{color:#202124;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.blocks-app .single-image-preview__subject-skeleton{max-width:100%}.blocks-app .single-image-preview__promo-row{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.blocks-app .single-image-preview__promo-content{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.blocks-app .single-image-preview__promo-icon{color:#188038;flex-shrink:0}.blocks-app .single-image-preview__promo-icon-skeleton{border-radius:4px;flex-shrink:0}.blocks-app .single-image-preview__promo-badge{color:#188038;flex-shrink:0;font-size:13px;font-weight:500;line-height:16px}.blocks-app .single-image-preview__promo-separator{color:#5f6368;flex-shrink:0;font-size:13px;line-height:16px}.blocks-app .single-image-preview__promo-code{text-overflow:ellipsis;white-space:nowrap;color:#5f6368;min-width:0;font-size:13px;line-height:16px;overflow:hidden}.blocks-app .single-image-preview__promo-skeleton{flex-shrink:0}.blocks-app .single-image-preview__star-icon{color:#5f6368;flex-shrink:0}.blocks-app .single-image-preview__card{background:#fff;border:1px solid #dadce0;border-radius:10px;width:calc(100% - 76px);max-width:100%;margin-left:52px;margin-right:24px;overflow:hidden}.blocks-app .single-image-preview__card-image{aspect-ratio:1.91;background-color:#f1f3f4;background-position:50%;background-size:cover;width:100%}.blocks-app .single-image-preview__card-image-skeleton{aspect-ratio:1.91;width:100%}.blocks-app .single-image-preview__card-body{padding:10px 12px 12px}.blocks-app .single-image-preview__card-description{color:#3c4043;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:16px;display:-webkit-box;overflow:hidden}.blocks-app .single-image-preview__card-description-skeleton{flex-direction:column;gap:6px;min-height:34px;display:flex}.blocks-app .deal-annotation-preview__header-main{align-items:flex-start;gap:12px;display:flex}.blocks-app .deal-annotation-preview__logo{object-fit:cover;border:1px solid #f0f0f0;border-radius:50%;flex-shrink:0;width:40px;height:40px}.blocks-app .deal-annotation-preview__logo-skeleton{border:none}.blocks-app .deal-annotation-preview__header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.blocks-app .deal-annotation-preview__header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.blocks-app .deal-annotation-preview__brand-name{color:#202124;font-size:14px;font-weight:600;line-height:20px}.blocks-app .deal-annotation-preview__time{color:#5f6368;flex-shrink:0;font-size:11px;line-height:16px}.blocks-app .deal-annotation-preview__subject-line{color:#202124;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px;overflow:hidden}.blocks-app .deal-annotation-preview__subject-skeleton{max-width:100%}.blocks-app .deal-annotation-preview__promo-row{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.blocks-app .deal-annotation-preview__promo-content{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.blocks-app .deal-annotation-preview__promo-icon{color:#188038;flex-shrink:0}.blocks-app .deal-annotation-preview__promo-icon-skeleton{border-radius:4px;flex-shrink:0}.blocks-app .deal-annotation-preview__promo-badge{color:#188038;flex-shrink:0;font-size:13px;font-weight:500;line-height:16px}.blocks-app .deal-annotation-preview__promo-separator{color:#5f6368;flex-shrink:0;font-size:13px;line-height:16px}.blocks-app .deal-annotation-preview__promo-code{text-overflow:ellipsis;white-space:nowrap;color:#5f6368;min-width:0;font-size:13px;line-height:16px;overflow:hidden}.blocks-app .deal-annotation-preview__promo-skeleton{flex-shrink:0}.blocks-app .deal-annotation-preview__star-icon{color:#5f6368;flex-shrink:0}.blocks-app .deal-card-preview{background:#f1f3f4;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.blocks-app .deal-card-preview__sender{color:#202124;font-size:12px;font-weight:600;line-height:16px}.blocks-app .deal-card-preview__headline{color:#202124;word-break:break-word;font-size:22px;font-weight:400;line-height:28px}.blocks-app .deal-card-preview__headline-skeleton{max-width:100%}.blocks-app .deal-card-preview__details{align-items:flex-start;gap:24px;display:flex}.blocks-app .deal-card-preview__expires{align-items:flex-start;gap:8px;min-width:0;display:flex}.blocks-app .deal-card-preview__clock-icon{color:#5f6368;flex-shrink:0;margin-top:1px}.blocks-app .deal-card-preview__code{min-width:0}.blocks-app .deal-card-preview__detail-text{flex-direction:column;gap:2px;min-width:0;display:flex}.blocks-app .deal-card-preview__detail-label{color:#202124;font-size:12px;font-weight:600;line-height:16px}.blocks-app .deal-card-preview__detail-value{color:#5f6368;word-break:break-word;font-size:12px;font-weight:400;line-height:16px}.blocks-app .deal-card-preview__detail-skeleton{margin-top:1px}.blocks-app .deal-card-preview__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blocks-app .deal-card-preview__button{color:#001d35;white-space:nowrap;background:#c2e7ff;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.blocks-app .annotations-panel .selected-social-form__section-title{align-items:baseline;gap:6px;display:flex}.blocks-app .annotations-panel__docs-hint{color:var(--ub-colorTextSecondary,#8c8c8c);margin-top:16px;font-size:12px;font-weight:300;line-height:1.4}.blocks-app .annotations-panel__section-hint{color:var(--ub-colorTextSecondary,#8c8c8c);font-size:12px;font-weight:300}.blocks-app .annotations-panel__field-tooltip-wrap{width:100%;margin-bottom:8px;display:block}.blocks-app .annotations-panel__cards-section{margin-top:16px}.blocks-app .email-pane__content-col .selected-social-form.annotations-panel .selected-social-form__form .ant-form-item.selected-social-form__card-field:last-child{margin-bottom:8px}.blocks-app .email-settings{height:100%;display:flex}.blocks-app .email-settings__collapse{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.blocks-app .email-settings__collapse.ant-collapse{border:0}.blocks-app .email-settings__collapse.secondary-tabs.ant-tabs .ant-tabs-content-holder{flex:1;min-height:0;overflow:hidden auto}.blocks-app .email-settings__collapse.secondary-tabs.ant-tabs .ant-tabs-content,.blocks-app .email-settings__collapse.secondary-tabs.ant-tabs .ant-tabs-tabpane-active{overflow:visible}.blocks-app .email-settings__collapse-panel:last-child.ant-collapse-item-active{padding-bottom:12px}.blocks-app .email-settings__collapse-panel.ant-collapse-item{min-height:50px;overflow:hidden}.blocks-app .email-settings__collapse-panel-content{width:100%}.blocks-app .email-settings .ant-collapse-body{padding:0 2px 0 12px;overflow:hidden}.blocks-app #content_appearance_panel_form button.ant-btn:not(.ant-btn-primary):hover{border-color:#d9d9d9}.blocks-app .section-title-bull{color:var(--ub-colorTextQuaternary)}.blocks-app .appearance-panel__content-styles{flex-direction:column;height:100%;min-height:0;display:flex}.blocks-app .appearance-panel__content-styles.ant-tabs{height:100%;min-height:0}.blocks-app .appearance-panel__content-styles .ant-tabs-content-holder,.blocks-app .appearance-panel__content-styles .ant-tabs-content,.blocks-app .appearance-panel__content-styles .ant-tabs-tabpane,.blocks-app .appearance-panel__content-styles .ant-tabs-tabpane-active,.blocks-app .appearance-panel__content-styles .email-settings__collapse-panel-content,.blocks-app .appearance-panel__content-styles .appearance-panel,.blocks-app .appearance-panel__content-styles .element-controls{min-height:0}.blocks-app .appearance-panel__content-styles .ant-tabs-content-holder,.blocks-app .appearance-panel__content-styles .ant-tabs-content,.blocks-app .appearance-panel__content-styles .ant-tabs-tabpane-active,.blocks-app .appearance-panel__content-styles .email-settings__collapse-panel-content,.blocks-app .appearance-panel__content-styles .appearance-panel{flex-direction:column;flex:1;display:flex}.blocks-app .appearance-panel__content-styles .ant-tabs-content-holder{overflow:hidden auto}.blocks-app .appearance-panel__content-styles .ant-tabs-content,.blocks-app .appearance-panel__content-styles .ant-tabs-tabpane-active{overflow:visible}.blocks-app .modal-select-role__cards-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,322px);padding:10px 24px 24px;display:grid}.blocks-app .modal-select-role .element-card__select-role{cursor:pointer;height:300px}.blocks-app .modal-select-role .element-card__select-role img{cursor:pointer;background-color:#fff;width:100%}.blocks-app .modal-select-role .element-card__select-role .ant-card-body{height:50px}.blocks-app .modal-select-role__title-wrapper{display:inline-block}.blocks-app .ai-response-paragraph{margin-bottom:16px}.blocks-app .em-analytics__email-tab-discuss{overflow:auto!important}.blocks-app .discuss-ai-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.blocks-app .discuss-ai-wrapper .ant-tabs-content-holder,.blocks-app .discuss-ai-wrapper .ant-tabs-content,.blocks-app .discuss-ai-wrapper .ant-tabs-tabpane,.blocks-app .discuss-ai-wrapper .ant-tabs-tabpane-active{flex-direction:column;flex:1;min-height:0;display:flex}.blocks-app .discuss-ai-wrapper .ant-tabs-content{overflow:hidden auto}.blocks-app .discuss-ai-wrapper .discuss-main{min-height:0}.blocks-app .ant-tabs-content .discuss-ai{background-color:#fafafa;border:1px solid #f1ebeb;border-radius:8px;margin:0 0 20px;padding:24px 36px 0}.dark .blocks-app .ant-tabs-content .discuss-ai{background-color:#181818;border-color:#262626}.blocks-app .discuss-main{margin:0}.blocks-app .discuss-main__form{position:relative}.blocks-app .discuss-main__buttons{justify-content:space-between;display:flex}.blocks-app .discuss-main>.comment-list{margin-bottom:16px}.blocks-app .discuss-main>form{padding-bottom:20px}.blocks-app .discuss-main .ant-comment-actions{opacity:.6;transition:all .3s cubic-bezier(.645,.045,.355,1)}.blocks-app .discuss-main .replyEditMode{opacity:.5}.blocks-app .modal-select-role{max-height:1400px}.blocks-app .modal-select-role .element-card.element-card_select-role .ant-card-cover{border:none;height:auto}.blocks-app .modal-select-role .element-card .ant-card-body{height:auto}.blocks-app .modal-select-role__cards-grid{grid-gap:20px;grid-template-columns:repeat(3,260px);width:auto;padding:10px 24px 24px;display:grid}.blocks-app .modal-select-role .element-card_select-role{cursor:pointer}.blocks-app .modal-select-role .element-card_select-role img,.blocks-app .modal-select-role .element-card__no-img{background-color:#fff}@media (width<=1200px){.blocks-app .modal-select-role__cards-grid{grid-template-columns:repeat(4,240px);width:auto}.blocks-app .modal-select-role .element-card__title{font-size:15px}}.blocks-app .ant-comment .ant-comment-avatar{cursor:auto}.blocks-app .ant-comment .ant-comment-avatar .anticon-robot{background:var(--ub-colorInfo)}.blocks-app .ant-comment .ant-comment-avatar .anticon-user{background:var(--ub-colorPrimary)}.blocks-app .ant-comment.ai-comment .ant-comment-avatar .anticon-robot{background:var(--ub-colorInfo)}.blocks-app .ant-comment.ai-comment .ant-comment-avatar .anticon-user{background:var(--ub-colorPrimary)}.blocks-app .ant-comment.ai-comment .ai-guide__example{border-left:1px solid #3b91ff;padding-left:15px;font-style:italic}.blocks-app .ant-comment.ai-comment .ai-guide__example strong{font-weight:500}.blocks-app .ant-comment-content-detail{margin-top:16px;margin-left:-30px}.blocks-app .ant-comment-content-detail p{white-space:normal;margin:16px 0;line-height:1.4}.blocks-app .ant-comment-content-detail ul{margin:16px 0}.blocks-app .ant-comment-content-detail .buttons-variants{white-space:normal;margin-left:0;padding-left:0}.blocks-app body.dark .ant-comment-content-detail .buttons-variants .ant-btn-default:hover{background:#e6f7ff}.blocks-app .ant-comment-content-detail .buttons-variants li{white-space:normal;margin-bottom:4px}.blocks-app .ant-comment-content-detail .buttons-variants .ant-btn.ant-btn-sm{text-align:left;height:auto;padding:4px 7px;line-height:1.4}.blocks-app .ant-comment-content-detail .ai-response-variant{margin:15px 0}.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-title,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-preheader,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-copy{cursor:pointer;background-color:#1890ff33;border-radius:4px;margin:4px 0;padding:3px 8px;line-height:1.4;transition:all .3s;display:block}.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-title:hover,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-preheader:hover,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-copy:hover{color:#000}.blocks-app body.dark .ant-comment-content-detail .ai-response-variant .ai-response-title:hover,.blocks-app body.dark .ant-comment-content-detail .ai-response-variant .ai-response-preheader:hover,.blocks-app body.dark .ant-comment-content-detail .ai-response-variant .ai-response-copy:hover{color:#fff}.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-title:hover,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-preheader:hover,.blocks-app .ant-comment-content-detail .ai-response-variant .ai-response-copy:hover{background-color:#1890ff55}.blocks-app .limit-upgrade-modal.ant-modal{max-width:calc(100vw - 24px)}.blocks-app .limit-upgrade-modal .ant-modal-content{border-radius:16px;padding:0;overflow:hidden;box-shadow:0 12px 24px -4px #191d3a14}.blocks-app .limit-upgrade-modal .ant-modal-header{display:none}.blocks-app .limit-upgrade-modal .ant-modal-content .ant-modal-body{padding:0}.blocks-app .limit-upgrade-modal__wrap{background:var(--ub-colorBgContainer);flex-direction:column;align-items:center;width:400px;max-width:100%;display:flex}.blocks-app .limit-upgrade-modal__header{z-index:1;box-sizing:border-box;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:20px;right:20px}.blocks-app .limit-upgrade-modal__close{background:var(--ub-colorBgContainer);width:34px;height:34px;color:var(--ub-colorTextSecondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:flex}.blocks-app .limit-upgrade-modal__close:hover{background:var(--ub-colorFillTertiary);color:var(--ub-colorText)}.blocks-app .limit-upgrade-modal__close .anticon{font-size:16px}.blocks-app .limit-upgrade-modal__body{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;padding:44px 40px 24px;display:flex}.blocks-app .limit-upgrade-modal__title{text-align:center;max-width:320px;color:var(--ub-colorText);margin:0;font-size:18px;font-weight:400;line-height:130%}.blocks-app .limit-upgrade-modal__subtitle{text-align:center;max-width:320px;color:var(--ub-colorTextSecondary);margin:0;font-size:14px;font-weight:100;line-height:120%}.blocks-app .limit-upgrade-modal__limits-row{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;display:flex}.blocks-app .limit-upgrade-modal__icon-circle{box-sizing:border-box;border:1px solid var(--ub-colorText);width:34px;height:34px;color:var(--ub-colorText);border-radius:32px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}.blocks-app .limit-upgrade-modal__icon-circle .anticon{font-size:18px}.blocks-app .limit-upgrade-modal__icon-circle svg{flex-shrink:0;width:18px;height:18px;display:block}.blocks-app .limit-upgrade-modal__limit-old{color:#f85243;flex-shrink:0;font-size:40px;font-weight:100;line-height:100%}.blocks-app .limit-upgrade-modal__arrow-btn{color:#fff;background:#8946fb;border-radius:38px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.blocks-app .limit-upgrade-modal__arrow-icon{font-size:16px;transform:rotate(45deg)}.blocks-app .limit-upgrade-modal__limit-new{color:#7ed846;flex-shrink:0;font-size:40px;font-weight:400;line-height:100%}.blocks-app .limit-upgrade-modal__limit-new--infinity{font-size:36px;line-height:40px}.blocks-app .limit-upgrade-modal__divider{border:none;border-top:1px solid var(--ub-colorBorderSecondary);width:100%;height:0;margin:0}.blocks-app .limit-upgrade-modal__footer{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0;display:flex}.blocks-app .limit-upgrade-modal__footer--dual{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;padding:16px}.blocks-app .limit-upgrade-modal__cta.ant-btn-primary{min-width:147px;height:32px;box-shadow:none;background:#2884ff;border-color:#2884ff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:400;line-height:19px}.blocks-app .limit-upgrade-modal__cta.ant-btn-primary:hover{background:#1a75f0;border-color:#1a75f0}.blocks-app .limit-upgrade-modal__cta-secondary.ant-btn-default{border-color:var(--ub-colorBorder);min-width:147px;height:32px;color:var(--ub-colorText);box-shadow:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:400;line-height:19px}.blocks-app .limit-upgrade-modal__cta-secondary.ant-btn-default:hover{color:#2884ff;border-color:#2884ff}.blocks-app .optimise-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.blocks-app .optimise-wrapper .ant-tabs-content-holder,.blocks-app .optimise-wrapper .ant-tabs-content,.blocks-app .optimise-wrapper .ant-tabs-tabpane,.blocks-app .optimise-wrapper .ant-tabs-tabpane-active{flex-direction:column;flex:1;min-height:0;display:flex}.blocks-app .optimise-wrapper .ant-tabs-content{overflow:hidden auto}.blocks-app .optimise{background:0 0;border:none;min-height:0}.blocks-app .optimise.ant-collapse>.ant-collapse-item:last-child{border-bottom:none!important}.blocks-app .optimise .ant-list-item-meta-title{-webkit-user-select:text;user-select:text}.blocks-app .optimise__summary{justify-content:space-between;width:100%;display:flex}.blocks-app .optimise__summary>div:not(:last-child){margin-right:10px}.blocks-app .optimise__summary h4{line-height:1}.blocks-app .optimise .ant-divider.ant-divider-horizontal{border-top:1px solid var(--ub-colorBorderSecondary);background:linear-gradient(180deg, var(--ub-colorBgContainerDisabled), transparent 40%);width:calc(100% + 50px);margin:26px -25px}.blocks-app .optimise.ant-collapse>.ant-collapse-item{border-bottom:1px solid var(--ub-colorBorderSecondary)}.blocks-app .optimise.ant-collapse>.ant-collapse-item .ant-collapse-header{padding:12px 0 12px 24px}.blocks-app .optimise.ant-collapse>.ant-collapse-item .ant-collapse-panel{border-top:none}.blocks-app .optimise.ant-collapse>.ant-collapse-item .ant-collapse-body{padding:24px 14px 12px 24px;overflow-y:hidden;padding-top:0!important;padding-right:24px!important}.blocks-app .optimise .valid{white-space:nowrap;color:var(--ub-colorSuccessText)}.blocks-app .optimise .error{white-space:nowrap;color:var(--ub-colorErrorText)}.blocks-app .optimise .warning{white-space:nowrap;color:var(--ub-colorWarningText)}.blocks-app .optimise__title-wrapper{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.blocks-app .optimise__title-wrapper h5{width:70%}.blocks-app .optimise__link{-webkit-user-select:text;user-select:text}.blocks-app .optimise__link:hover{color:var(--ub-colorLinkHover)!important}.blocks-app .email-pane .optimise .ant-collapse-panel{height:calc(100% - 184px)}.blocks-app .optimise__image-item .image-item__meta_fail .ant-list-item-meta-avatar{background:linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 0, transparent 75%, var(--ub-colorBorder) 0), linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 0, transparent 75%, var(--ub-colorBorder) 0);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:6px}.blocks-app .optimise__image-item .image-item__meta.ant-list-item-meta{align-items:stretch}.blocks-app .optimise__image-item .image-item__image{cursor:pointer;object-fit:contain;border-radius:calc(var(--ub-borderRadius) * 1px);background:linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 0, transparent 75%, var(--ub-colorBorder) 0), linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 0, transparent 75%, var(--ub-colorBorder) 0);background-position:0 0,4px 4px;background-size:8px 8px}.blocks-app .optimise__image-item .image-item__image+.ant-image-mask{border-radius:calc(var(--ub-borderRadius) * 1px)}.blocks-app .optimise__image-item .image-item__image_fail{height:92px!important}.blocks-app .optimise .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-inline-end:12px}.blocks-app .optimise .warnings{color:var(--ub-colorWarningText)}.blocks-app .optimise .errors{color:var(--ub-colorErrorText)}.blocks-app .optimise .valid{color:var(--ub-colorSuccessText)}.blocks-app .optimise__button.warnings{border-color:var(--ub-colorWarningBorder);background:var(--ub-colorWarningBg)}.blocks-app .optimise__button.warnings:not(.ant-tag-checkable-checked):hover{border-color:var(--ub-colorWarningBorderHover);color:var(--ub-colorWarningTextHover);background:var(--ub-colorWarningBgHover)}.blocks-app .optimise__button.warnings_active{color:#fff;background-color:var(--ub-colorWarningActive);border-color:var(--ub-colorWarningActive)}.blocks-app .optimise__button.errors{border-color:var(--ub-colorErrorBorder);background:var(--ub-colorErrorBg)}.blocks-app .optimise__button.errors:not(.ant-tag-checkable-checked):hover{border-color:var(--ub-colorErrorBorderHover);color:var(--ub-colorErrorTextHover);background:var(--ub-colorErrorBgHover)}.blocks-app .optimise__button.errors_active{color:#fff;background-color:var(--ub-colorErrorActive);border-color:var(--ub-colorErrorActive)}.blocks-app .optimise__button.valid{border-color:var(--ub-colorSuccessBorder);background:var(--ub-colorSuccessBg)}.blocks-app .optimise__button.valid:not(.ant-tag-checkable-checked):hover{border-color:var(--ub-colorSuccessBorderHover);color:var(--ub-colorSuccessTextHover);background:var(--ub-colorSuccessBgHover)}.blocks-app .optimise__button.valid_active{color:#fff;background-color:var(--ub-colorSuccessActive);border-color:var(--ub-colorSuccessActive)}.blocks-app .optimise .ant-alert-info{width:100%;margin-top:5px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__divider-no-margin.selected-td-form__divider{margin-top:0;margin-bottom:0}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-col.optimise__col-align-right{text-align:right}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-row.optimise__row-mb-24{margin-bottom:24px}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-row.optimise__row-mb-16{margin-bottom:16px}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-row.optimise__row-mb-14{margin-bottom:14px}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-row.optimise__row-mb-12{margin-bottom:12px}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-row.optimise__row-mb-8{margin-bottom:8px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__link-blue.ant-typography{color:#177ddc;text-decoration:underline}.blocks-app .ant-app .email-pane .ant-tabs .optimise .ant-image.optimise__image-auto-height{height:auto}.blocks-app .ant-app .email-pane .ant-tabs .optimise__text-clickable.ant-typography{cursor:pointer}.blocks-app .ant-app .email-pane .ant-tabs .optimise__valid-title.ant-typography{margin:0;font-size:14px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__valid-title-space.ant-space{flex-wrap:wrap}.blocks-app .ant-app .email-pane .ant-tabs .optimise__alert-custom.ant-alert{width:100%;padding:14px 14px 10px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__summary-title.ant-typography{margin-bottom:0}.blocks-app .ant-app .email-pane .ant-tabs .optimise__summary-label{font-size:12px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__spam-score-title.ant-typography{margin:0}.blocks-app .ant-app .email-pane .ant-tabs .optimise__spam-score-value{margin-right:12px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__spam-score-text.ant-typography{margin-right:12px;font-size:20px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__spam-report-score.ant-typography{font-size:20px}.blocks-app .ant-app .email-pane .ant-tabs .optimise__spam-report-description{margin-left:12px}.blocks-app .img-preview{background-color:var(--ub-colorBgContainer);border-radius:calc(var(--ub-borderRadiusXL) * 1px);box-shadow:var(--ub-boxShadow);opacity:0;border:1px solid #fff;max-width:668px;padding:3px;transition:opacity .3s,transform .3s;position:absolute;top:0;left:-15px;transform:translate(-99%)}.blocks-app .img-preview-content{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadiusLG) * 1px);background:linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 25%, transparent 75%, var(--ub-colorBorder) 75%), linear-gradient(45deg, var(--ub-colorBorder) 25%, transparent 25%, transparent 75%, var(--ub-colorBorder) 75%);background-position:0 0,4px 4px;background-size:8px 8px;overflow:hidden}.blocks-app .img-preview-content table{border-collapse:initial}.dark .blocks-app .img-preview{border-color:#4f4f4f}.blocks-app .indexing-tray{z-index:4010;width:360px;max-width:calc(100vw - 40px);position:fixed;bottom:20px;right:20px}.blocks-app .indexing-tray__card{box-shadow:0 6px 16px #0000001f}.blocks-app .indexing-tray__title{font-size:14px;margin:0!important}.blocks-app .blocks-search{height:100%;min-height:0;overflow:visible}.blocks-app .blocks-search .ant-select-clear{right:30px}.blocks-app .blocks-search form{z-index:1;width:85%;padding:16px 0 0 24px;position:absolute;top:0;left:0}.blocks-app .blocks-search__form{display:none}.blocks-app .blocks-search__form.is_search{display:block}.blocks-app .blocks-search__divider-wrapper{z-index:1;margin-top:12px;position:relative}.blocks-app .blocks-search__divider{pointer-events:none;width:auto;height:20px;margin:24px 0 0;position:absolute;bottom:-20px;left:-24px;right:-13px}.blocks-app .blocks-search__type-wrapper{min-width:35%;min-height:0;padding:20px 24px 14px 0;overflow-y:auto}.blocks-app .blocks-search__type-wrapper ul{padding:0}.blocks-app .blocks-search__type-wrapper li{cursor:pointer;color:var(--ub-colorTextSecondary);text-align:left;margin-bottom:12px;line-height:1.2;list-style:none}.blocks-app .blocks-search__type-wrapper li.active{color:var(--ub-colorLink)}.blocks-app .blocks-search__type-wrapper li:hover{color:var(--ub-colorLinkHover)}.blocks-app .blocks-search__result-wrapper{height:100%;min-height:0;margin-left:0;margin-right:0;padding-left:24px;display:flex;position:relative}.blocks-app .blocks-search__result-wrapper:after{content:"";background:linear-gradient(180deg, var(--ub-colorBgContainerDisabled), transparent 40%);z-index:1;width:100%;height:20px;position:absolute;top:0;left:0}.blocks-app .blocks-search__result-wrapper.is_search:after{top:72px}.dark .blocks-app .blocks-search__result-wrapper:after{background:linear-gradient(180deg, var(--ub-colorBgBase) -100%, transparent 50%)}.blocks-app .blocks-search__result-wrapper.is_search{flex:auto;min-width:0;margin-left:0;margin-right:0;padding-top:20px;padding-left:0;padding-right:6px;display:block;position:static;overflow:hidden auto}.blocks-app .blocks-search__blocks-wrapper{min-width:65%;min-height:0;padding-top:20px;padding-left:10px;padding-right:14px;overflow-y:scroll}.blocks-app .blocks-search__result-holder{opacity:0}.blocks-app .blocks-search__blocks-wrapper{overflow-anchor:none}.blocks-app .blocks-search__blocks-wrapper.is_search{box-sizing:border-box;width:100%;min-width:0;padding-top:0;padding-left:4px;padding-right:0}.blocks-app .blocks-search__result{margin-bottom:14px}.blocks-app .ant-dropdown .ant-dropdown-menu .blocks-search__result__menu-item{padding:9px}.blocks-app .blocks-search__result-header{z-index:2;justify-content:space-between;padding:4px 10px;font-size:13px;display:none;position:relative;box-shadow:0 5px 20px #00000012}.blocks-app .blocks-search__result-global-mark{z-index:10;pointer-events:none;position:absolute;top:1px;right:1px}.blocks-app .blocks-search__result-body{background:var(--ub-colorBgElevated);border:1px solid var(--ub-colorBorder);border-radius:calc(var(--ub-borderRadiusSM) * 1px);text-align:center;cursor:grab;background-color:var(--ub-controlTmpOutline);min-height:13px;padding:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1),box-shadow .3s cubic-bezier(.645,.045,.355,1);position:relative;overflow:hidden}.blocks-app .blocks-search__result-body:hover{border-color:var(--ub-colorTextDisabled);cursor:grab!important}.blocks-app .blocks-search__result-body:active{cursor:grabbing}.blocks-app .blocks-search__result-body:not([data-preview-measured]){min-height:180px}.blocks-app .blocks-search__result-body:after{content:"";z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.blocks-app .blocks-search__result-html{transform-origin:0 0;text-align:left;min-width:660px;height:100%;overflow-x:visible}.blocks-app .blocks-search__result-body:not([data-preview-measured]) .blocks-search__result-html{min-height:1px}.blocks-app .blocks-search .em-dragging-element .blocks-search__result-body{background-color:var(--ub-controlTmpOutline)}.blocks-app .blocks-search .em-ghost-element{border-radius:calc(var(--ub-borderRadiusXL) * 1px);overflow:hidden;background-color:var(--ub-colorBgContainer)!important}.blocks-app .email-pane .ant-tabs .blocks-search__result-divider.ant-divider-horizontal{width:100%;margin-left:0;margin-right:0}.blocks-app .blocks-search.is_search{display:flex}.blocks-app .blocks-search.is_search .blocks-search__type-wrapper{min-width:33%;padding-left:24px;padding-right:0}.blocks-app .block-search__preview{background-color:var(--ub-colorBgContainer);border-radius:calc(var(--ub-borderRadiusXL) * 1px);box-shadow:var(--ub-boxShadow);opacity:0;border:1px solid #fff;width:668px;padding:3px;transition:opacity .3s,transform .3s;position:absolute;top:0;left:-15px;transform:translate(-99%)}.blocks-app .block-search__preview-title{color:var(--ub-colorTextSecondary);padding:8px 15px;font-size:14px}.blocks-app .block-search__preview-content{border:1px solid var(--ub-colorBorderSecondary);border-radius:calc(var(--ub-borderRadiusLG) * 1px);overflow:hidden}.blocks-app .block-search__preview-content table{border-collapse:initial}.dark .blocks-app .block-search__preview{border-color:#4f4f4f}.blocks-app .email-pane__col-wrapper_reverse .block-search__preview{left:auto;right:-15px;transform:translate(99%)}.blocks-app .block-global-badge{color:var(--ub-colorTextSecondary);pointer-events:auto;justify-content:center;align-items:center;line-height:0;display:inline-flex}.blocks-app .block-global-badge svg{display:block}.blocks-app .block-global-badge--tile{box-sizing:border-box;background-color:#ffffffb8;border-radius:6px;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;box-shadow:0 1px 2px #0000001a}.blocks-app .block-global-badge--tile svg{flex-shrink:0}.blocks-app body.dark .block-global-badge--tile,.dark .blocks-app .block-global-badge--tile{color:#ffffffe0;background-color:#0000008c;box-shadow:0 1px 3px #00000059}.blocks-app .discuss-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.blocks-app .discuss-wrapper .ant-tabs-content-holder,.blocks-app .discuss-wrapper .ant-tabs-content,.blocks-app .discuss-wrapper .ant-tabs-tabpane,.blocks-app .discuss-wrapper .ant-tabs-tabpane-active{flex-direction:column;flex:1;min-height:0;display:flex}.blocks-app .discuss-wrapper .ant-tabs-tabpane-active{overflow:hidden}.blocks-app .discuss-wrapper .discuss-main{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.blocks-app .discuss-main>.comment-list{flex:auto;min-height:0;margin-bottom:24px;overflow:hidden auto}.blocks-app .discuss-main>form{flex-shrink:0}.blocks-app .discuss-main .ant-comment-content{flex:1;min-width:0}.blocks-app .discuss-main .ant-comment-content-author{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.blocks-app .discuss-main .ant-comment .ant-comment-content-author-name{color:var(--ub-colorTextBase);font-weight:500;transition:color .3s;font-size:14px!important;line-height:1.4!important}.blocks-app .discuss-main .ant-comment-content-author-time{color:var(--ub-colorTextSecondary);white-space:nowrap;font-size:12px;line-height:1.4}.blocks-app .discuss-main .comment-item-noavatar .ant-comment-content-detail{margin-left:0}.blocks-app .discuss-main .ant-comment-content-detail p{white-space:normal;color:var(--ub-colorText);margin:0 0 16px;line-height:1.4}.blocks-app .discuss-main .ant-comment-content-detail :not(.ant-btn,.buttons-variants,.buttons-variants *){-webkit-user-select:text;user-select:text}.blocks-app .discuss-main .ant-dropdown-trigger{z-index:1;color:var(--ub-colorText);margin:-36px 0 -1px -24px;padding:36px 0 1px 24px;position:relative}.blocks-app .discuss-main .ant-comment-nested .ant-dropdown-trigger{margin-left:-18px;padding-left:18px}.blocks-app .discuss-main .ant-comment-inner{transition:all .5s}.blocks-app .discuss-main .ant-comment.active>.ant-comment-inner{background:#efdbff}.blocks-app .discuss-main .targetted-comment-item>.ant-comment-inner{background:var(--ub-colorInfoBg);cursor:pointer}.blocks-app .discuss-main .ant-comment-actions{opacity:.6;margin-top:6px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:none}.blocks-app .discuss-main .ant-form-item-control-input-content{margin-left:2px}.blocks-app .discuss-main .ant-tooltip-container{text-align:center}.blocks-app .discuss-main .ant-comment-content:hover .ant-comment-actions{opacity:1}.blocks-app .discuss-main .replyEditMode{opacity:.5;display:none}.blocks-app .discuss-main .icon-target{font-size:16px;transform:translateY(5%)}.blocks-app .discuss-main .comment-icon-target{border-radius:8px;margin-left:5px;padding:0 8px 2px}.blocks-app .discuss-main .comment-icon-target:hover{cursor:pointer}.blocks-app .discuss-main .ant-btn.ant-btn-primary.button-target.button-target_choose{background:var(--ub-colorInfo)}.blocks-app .discuss-main .ant-space button{margin-right:0}.blocks-app .anticon-history{transform:scaleX(-1)}.blocks-app .history-panel{border-right:1px solid var(--ub-colorBorder);flex-direction:column;justify-content:space-between;height:100%;display:flex;box-shadow:-12px 0 48px 16px #00000008,-9px 0 28px #0000000d,-6px 0 16px -8px #00000014}.blocks-app .history-panel__sider{z-index:11;background:var(--ub-colorBgContainer);height:100%;position:absolute;top:0;bottom:0;left:80px}.blocks-app .history-panel__list-header,.blocks-app .history-panel__header{justify-content:space-between;align-items:center;padding:0 24px 9px;font-weight:500;display:flex}.blocks-app .history-panel__list-header :last-child{min-width:60px}.blocks-app .history-panel__header{padding-left:24px;padding-right:24px}.blocks-app .history-panel__list-header:before{background:linear-gradient(180deg, var(--ub-colorBgContainerDisabled), transparent 40%);border-top:1px solid var(--ub-colorBorderSecondary);content:"";z-index:1;background-position:0 -2px;background-repeat:no-repeat;border-bottom:none;height:20px;position:absolute;inset:30px 0 -20px}.dark .blocks-app .history-panel__list-header:before{background:linear-gradient(180deg, var(--ub-colorBgBase), transparent 40%)}.blocks-app .history-panel__header-title{font-size:14px;font-style:normal;line-height:24px}.blocks-app body.dark .history-panel__header-title{color:#fff}.blocks-app .history-panel__header-close{color:#00000073;margin-right:-16px}.blocks-app body.dark .history-panel__header-close{color:#fff}.blocks-app .history-panel__list{height:100%;margin:10px -24px 0}.blocks-app .history-panel__list .ant-list-header{border:none;margin-bottom:5px;padding:0;font-weight:500}.blocks-app .history-panel__list .ant-spin-nested-loading,.blocks-app .history-panel__list .ant-spin-container{height:100%}.blocks-app .history-panel__list .ant-list-items{height:calc(100% - 30px);overflow:auto}.blocks-app .history-panel__list .ant-list-item{cursor:pointer;border:none;padding:9px 24px}.blocks-app .history-panel__list .ant-list-item:hover{background-color:var(--ub-colorFillQuaternary)}.blocks-app .history-panel__list .ant-btn.ant-btn-sm{border:none;height:22px;line-height:1;padding:0!important}.blocks-app .history-panel .ant-list-item{padding:9px 0}.blocks-app .history-panel__list-date,.blocks-app .history-panel__list-header .history-panel__list-date{min-width:130px}.blocks-app .history-panel__list-author{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.blocks-app .history-panel__restore{opacity:0;visibility:hidden}.blocks-app .history-panel__item_active{background-color:var(--ub-colorFillSecondary)}.blocks-app body.dark .history-panel__item_active{background:#111b26}.blocks-app .history-panel__item_active .history-panel__restore{opacity:1;visibility:visible}.blocks-app .ant-layout-sider.history-panel__sider .ant-layout-sider-children{opacity:1;width:500px;height:100%;transition:opacity .5s;position:absolute;right:0}.blocks-app .ant-layout-sider-collapsed.history-panel__sider .ant-layout-sider-children{opacity:0}.blocks-app .add-new-block-modal__save-btn .ant-btn-icon .anticon{font-size:22px;line-height:0}.blocks-app .add-new-block-modal__save-btn .ant-btn-icon .anticon svg{width:22px;height:22px}.blocks-app .modal-footer{justify-content:flex-end;padding:8px 0;display:flex}.blocks-app .modal-spinner{justify-content:center;align-items:center;height:108px;display:flex}',e=window.__useblocks_styles__||(window.__useblocks_styles__={sheets:{},order:[]}),p=t;if(!e.sheets[p]){var a=null;try{typeof CSSStyleSheet=="function"&&"replaceSync"in CSSStyleSheet.prototype&&(a=new CSSStyleSheet,a.replaceSync(t))}catch{a=null}if(a){if(!e.host||!e.host.isConnected||!e.host.sheet){var o=document.createElement("style");o.setAttribute("data-useblocks","true"),document.head.appendChild(o),e.host=o}for(var i=e.host.sheet,r=0;r<a.cssRules.length;r++)try{i.insertRule(a.cssRules[r].cssText,i.cssRules.length)}catch{}(e.texts||(e.texts=[])).push(t),(e.listeners||[]).forEach(function(l){try{l(t)}catch{}})}else{var o=document.createElement("style");o.setAttribute("data-useblocks","true"),o.appendChild(document.createTextNode(t)),document.head.appendChild(o)}e.sheets[p]=!0,e.order.push(p)}}}catch(l){console.error("vite-plugin-css-injected-by-js",l)}})();
+__useblocks__.define("static/core/1fa93ad8.js",["require","exports","module","static/core/2ff39ddf.js","static/core/ca13058e.js","static/core/8704beac.js","static/core/2e9a2b43.js","static/core/8cb1a8af.js","static/core/a3f41e4a.js","static/core/e375888c.js","react","react/jsx-runtime","__delivery__/libs","react-dom","vite/preload-helper","classnames","dayjs"],function(fo,no,Nm){const to=fo("./2ff39ddf.js"),xo=fo("./ca13058e.js"),r=fo("./8704beac.js"),wo=fo("./2e9a2b43.js"),di=fo("./8cb1a8af.js"),Oa=fo("./a3f41e4a.js"),W=fo("./e375888c.js");let n=fo("react");n=to.__toESM(n);let o=fo("react/jsx-runtime"),t=fo("__delivery__/libs"),$a=fo("react-dom"),Lt=fo("vite/preload-helper"),De=fo("classnames");De=to.__toESM(De);let Oo=fo("dayjs");Oo=to.__toESM(Oo);var g=to.__toESM(r.require_prop_types());async function Tr(e){if(typeof createImageBitmap=="function")try{const i=await createImageBitmap(e);try{return{width:i.width,height:i.height}}finally{i.close?.()}}catch{}return new Promise((i,l)=>{const s=URL.createObjectURL(e),a=new Image;a.onload=()=>{URL.revokeObjectURL(s);const d=a.naturalWidth||a.width,c=a.naturalHeight||a.height;d>0&&c>0?i({width:d,height:c}):l(new Error("Could not read image dimensions"))},a.onerror=()=>{URL.revokeObjectURL(s),l(new Error("Could not decode image"))},a.src=s})}function ft(e){return e.trim()}var Fa=67108864,Ma=2e3;function Ot(e){e.abandonTimer!==void 0&&(clearTimeout(e.abandonTimer),e.abandonTimer=void 0)}function Rr(e,i){return i?new Promise((l,s)=>{if(i.aborted){s(new DOMException("Aborted","AbortError"));return}const a=()=>{s(new DOMException("Aborted","AbortError"))};i.addEventListener("abort",a,{once:!0}),e.then(d=>{i.removeEventListener("abort",a),l(d)},d=>{i.removeEventListener("abort",a),s(d)})}):e}function Da(e={}){const i=e.maxCacheBytes??Fa,l=e.abandonDelayMs??Ma,s=new Map,a=new Map;let d=0;function c(_){const E=s.get(_);E&&(d-=E.size,s.delete(_))}function p(_,E){if(c(_),!(E.size>i)){s.set(_,E),d+=E.size;for(const w of s.keys()){if(d<=i)break;c(w)}}}function f(_){const E=a.get(_);E&&(Ot(E),a.delete(_))}function x(_,E){E.waiters-=1,!(E.waiters>0||E.abandonTimer!==void 0||a.get(_)!==E)&&(E.abandonTimer=setTimeout(()=>{E.abandonTimer=void 0,!(a.get(_)!==E||E.waiters>0)&&(a.delete(_),E.controller.abort())},l))}function k(_,E,w){return E.waiters+=1,Ot(E),w.then(()=>x(_,E),()=>x(_,E)),w}async function h(_,E,w){const v=ft(_);if(!v)throw new Error("Empty image URL");const P=s.get(v);if(P){if(E?.aborted)throw new DOMException("Aborted","AbortError");return s.delete(v),s.set(v,P),P}const j=a.get(v);if(j)return k(v,j,Rr(j.promise,E));const I=new AbortController,C={promise:w(v,I.signal).then(Y=>(f(v),p(v,Y),Y)).catch(Y=>{throw f(v),Y}),controller:I,waiters:0,abandonTimer:void 0};return a.set(v,C),k(v,C,Rr(C.promise,E))}function b(_){const E=ft(_);if(!E)return;const w=a.get(E);w&&(Ot(w),w.controller.abort(),a.delete(E)),c(E)}function R(){for(const[,_]of a)Ot(_),_.controller.abort();a.clear(),s.clear(),d=0}return{resolve:h,abandonKey:b,invalidateAll:R}}async function yr(e,i){if(!e||typeof e.findFileByUrl!="function")return null;const l=await e.findFileByUrl(i);if(!l)return null;const s=typeof e.getFileById=="function"&&l.id&&await e.getFileById(l.id)||l,a=s.url||i,d=s.thumbnailUrl||s.thumbnail||a||(typeof e.getThumbnailUrl=="function"?await e.getThumbnailUrl(s):"")||"";return d?{file:s,previewUrl:d}:null}function $t(e){if(!e)return!1;try{return new URL(e,typeof window<"u"&&window.location?window.location.origin:"http://localhost").pathname.includes("/static/media/")}catch{return!1}}function Va(e){if(!(e instanceof Blob)||e.size===0)throw new r.e("Failed to download file from the URL.","UploadUrlDownloadFailed");const i=e.type?.split(";")[0]?.trim()||"image/png";if(!i.startsWith("image/"))throw new r.e("Content type at the URL is not allowed.","UploadUrlContentTypeNotAllowed");return{blob:e,mimeType:i}}async function Ha(e,i){const l=await fetch(e,i);if(!l.ok)throw new Error(`Server returned ${l.status}`);return l.blob()}async function Ua(e,i,l){const s=l?{signal:l}:void 0,{blob:a}=await r.ie(e,{handleFileProxy:async d=>{const c=await i.fireFileProxy(d);return r.pickFileProxyBlobFromFireResults(c)??null},handleProxyUrl:async d=>{const c=await i.fireProxyUrl(d);return r.pickProxyUrlOverrideFromFireResults(c,d)},fetchWithProxy:(d,c,p)=>xo.fetchWithResourceProxy(d,{config:i.appConfig,standalone:i.isStandalone,intent:p?.intent||"downloadBlob",validateBlob:async f=>!f.type||f.type.startsWith("image/"),init:c})},d=>Ha(d,s),Va,{fetchInit:s});return a}function wr(){const e=r.useAppConfig(),i=r.useIsStandalone(),l=r.useProjectData(),s=r.useEditorProjectId(),a=l?.id!==void 0?String(l.id):s||"",d=r.useEventEmitter(xo.events.FILE_PROXY_EVENT_ID),c=r.useEventEmitter(xo.events.PROXY_URL_EVENT_ID);return(0,n.useCallback)(async(p,f)=>Ua(p,{appConfig:e,isStandalone:i,fireFileProxy:x=>d.fire({url:x,project:a}),fireProxyUrl:x=>c.fire({url:x,project:a})},f),[e,a,i,d,c])}function Wa(e){return xo.getContainer(e).getOrCreateInstance(xo.IMAGE_BLOB_RESOLVER_ID,()=>Da())}function jr(){const e=r.useStore();return(0,n.useMemo)(()=>Wa(e),[e])}function Ft(e){const i=String(e??"").split(";")[0].trim();if(!i)return"";const l=i.toLowerCase(),s=l.indexOf("/");if(s===-1)return l;const a=l.slice(s+1);return a==="svg+xml"?"svg":a}var vr=e=>typeof e=="string"&&/^https?:\/\//i.test(e.trim()),ci=({onChange:e,value:i,validateStatus:l,placeholder:s,disabled:a,name:d,elementSettings:c,imageInfo:p,previewReloadSignal:f,onRemotePreviewValidate:x})=>{const k=r.useCurrentUser(),h=r.useProjectData(),b=r.useAppConfig(),R=r.useIsStandalone(),{__:_}=r.useI18n();r.useSendPostMessage();const E=r.useSendPostMessageEx(),{openImagePicker:w}=r.useImagePicker(),v=r.useStorageProvider(),P=r.useRestClient(),j=h?.id!==void 0?String(h?.id):"",I=k?.id!=="0"?String(k.id):"",{dataProvider:C}=(0,n.useMemo)(()=>r.buildResolvedFileManagerProviders({storageProvider:v,projectId:j,restApi:P,i18n:{__:_},pathPostfix:I,appConfig:b,isStandalone:R}),[b,R,j,P,v,I,_]),Y=wr(),[z]=r.useLazyGetImageInfoQuery(),[O,N]=(0,n.useState)({width:"",height:"",size:""}),[S,Q]=(0,n.useState)(!1),[J,re]=(0,n.useState)(0),[te,pe]=(0,n.useState)(""),be=(0,n.useRef)(""),ae=(0,n.useRef)(f?.counter||0),xe=jr(),Ie=(0,n.useRef)(""),ne=(0,n.useRef)(""),[Fe,je]=(0,n.useState)(0),le=r.usePlanFeatureGate("image_editor"),Ee=()=>{Ie.current&&(URL.revokeObjectURL(Ie.current),Ie.current="")};(0,n.useEffect)(()=>{if(!i){N({width:"",height:"",size:"",format:""}),be.current="",pe(""),Ee();return}if(i.startsWith("data:")||i.startsWith("blob:")){Ee(),be.current=i,pe(i),N({width:"",height:"",size:"",format:""});return}const Z=r.stripEmVersionFromUrlString(i);ne.current=Z;const q=ft(Z),G=new AbortController;let X=!1;const ie=async ge=>{Ee();const Pe=Fe?r.appendEmVersionForPreviewReload(ge):ge;be.current=Pe,pe(Pe);try{const{data:Re}=await z(Z);return X||!Re?!1:(N({width:Re?.width,height:Re?.height,size:Re?.fileSize!=null?(Re.fileSize/1024).toFixed(0):"",format:Ft(Re?.format)}),!0)}catch{return!1}},Be=async()=>{const ge=await xe.resolve(q,G.signal,Y);if(X)return;const{width:Pe,height:Re}=await Tr(ge);if(X)return;Ee();const Le=URL.createObjectURL(ge);Ie.current=Le,be.current=Le,pe(Le),N({width:Pe,height:Re,size:(ge.size/1024).toFixed(0),format:Ft(ge.type)})};return(async()=>{try{if(!R){const ge=await yr(C,Z);if(ge?.previewUrl&&await ie(ge.previewUrl))return}await Be()}catch{X||(Ee(),be.current="",pe(""),N({width:"",height:"",size:"",format:""}))}})(),()=>{X=!0,G.abort()}},[i,C,Y,z,R,xe,Fe]);const ce=(0,n.useCallback)(()=>{const Z=ne.current;Z&&xe.abandonKey(ft(Z)),je(Date.now())},[xe]);(0,n.useEffect)(()=>{!f?.counter||f.name!==d||f.counter!==ae.current&&(ae.current=f.counter,ce())},[d,f,ce]),(0,n.useEffect)(()=>()=>Ee(),[]);const ee=async(Z=null)=>{const q=d.startsWith("src"),G=Z||(q?r.MODALS.UPLOAD_IMAGE_MODAL:r.MODALS.UPLOAD_BACKGROUND_MODAL),X=r.stripEmVersionFromUrlString(i||""),ie=await w({kind:q?"img":"background",currentUrl:$t(X)?"":X,entryModal:G});if(!ie?.url)return;const Be=X===r.stripEmVersionFromUrlString(ie.url);(!Be||ie.url!==i)&&e(ie.url),ie.meta?.mode==="save"&&Be&&(ce(),q&&E(r.EVENT_TYPES.SANDBOX_IMAGE_RESET,{url:String(ie.url)}))},ue=[{label:_("Upload"),key:"Upload",onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD:r.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD)}];b.imageCenterStockEnabled&&ue.push({label:_("Stock"),key:"Stock",onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_STOCK:r.MODALS.UPLOAD_BACKGROUND_MODAL_STOCK)}),b.imageCenterGifEnabled&&ue.push({label:_("GIF"),key:"GIF",onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_GIF:r.MODALS.UPLOAD_BACKGROUND_MODAL_GIF)}),b.elementAIimageEnabled&&ue.push({label:_("AI"),key:"AI",onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_AI:r.MODALS.UPLOAD_BACKGROUND_MODAL_AI)});const se=()=>{Q(!1)};return(0,o.jsxs)("div",{className:(0,De.default)("upload-bg-image",{"upload-bg-image_disabled":a}),children:[i?(0,o.jsxs)("div",{className:"ant-input-file-uploader upload-bg-image__inner-wrap",onClick:Z=>{Z.target?.closest(".upload-bg-image__edit")||Z.target?.closest(".upload-bg-image__edit-menu")||Z.target?.closest(".upload-bg-image__menu")||Z.target?.closest(".inputGroup")||ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD:r.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD)},children:[(0,o.jsx)(t.ui_kit$Dropdown,{arrow:!0,popupRender:()=>b.imagePathDropdownEnabled?(0,o.jsx)("div",{className:"inputGroup",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Image",component:t.icons$Image,size:20,strokeWidth:b.iconStrokeWidth,style:{verticalAlign:"text-top"}}),allowClear:!0,onChange:e,value:i,placeholder:s,name:d,disabled:a,className:"upload-bg-image__input"})}):(0,o.jsx)(o.Fragment,{}),classNames:{root:"upload-bg-image__dropdown-overlay"},styles:{root:{top:32,marginTop:"8px",width:347,left:0}},trigger:["hover"],placement:"bottom",getPopupContainer:Z=>Z.closest(".upload-bg-image__inner-wrap"),children:(0,o.jsxs)("div",{className:"upload-bg-image__hover-container",style:{display:"flex",alignItems:"center"},children:[(0,o.jsx)("div",{className:"upload-bg-image__uploader",children:(0,o.jsx)("div",{className:"upload-bg-image__uploader-content",children:(0,o.jsxs)("div",{className:"upload-bg-image__uploader-content-inner",children:[(0,o.jsx)("div",{className:"upload-bg-image__uploader-img-wrap",children:te?(0,o.jsx)("img",{className:"upload-bg-image__uploader-img",src:te,alt:"",onLoad:()=>{x&&vr(r.stripEmVersionFromUrlString(i||""))&&x("success")},onError:()=>{const Z=ne.current,q=r.stripEmVersionFromUrlString(te||""),G=r.stripEmVersionFromUrlString(Z||"");if(Z&&q!==G){be.current=Z,pe(Z);return}x&&vr(G)&&x("error")}}):(0,o.jsx)("div",{className:"upload-bg-image__uploader-img-placeholder","aria-hidden":!0})}),(0,o.jsx)("div",{className:"upload-bg-image__uploader-icons-wrap",children:(0,o.jsx)("div",{className:"upload-bg-image__uploader-content"})})]})})}),O.width&&O.height?(0,o.jsxs)("div",{className:"image-size",children:[O.width," × ",O.height,!!c&&(c.type===r.ELEMENT_TYPES.IMG||c.type===r.ELEMENT_TYPES.CAROUSEL)&&" → "+p.renderedWidth+" × "+p.renderedHeight,(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsxs)("span",{children:[O.size," ",_("kB")]}),O.format&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsx)("span",{className:"image-size-format",children:O.format})]})]}):(0,o.jsx)(t.ui_kit$Text,{type:"secondary",className:"image-empty-text",children:s})]})}),(0,o.jsx)("div",{style:{flexGrow:1}}),O.format!=="gif"&&b.imageCenterEditorEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:_("Edit"),children:(0,o.jsx)(t.ui_kit$Text,{type:"link",className:"upload-bg-image__edit",children:(0,o.jsx)(r.EmIcons,{icon:"Edit",component:t.icons$Edit,size:16,strokeWidth:b.iconStrokeWidth,onClick:()=>{le.isLocked?(Q(!0),re(r.FEATURE_UPSELL_SLIDE.image_editor)):ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_EDIT:r.MODALS.UPLOAD_BACKGROUND_MODAL_EDIT)}})})}),(0,o.jsx)(t.ui_kit$Dropdown,{arrow:{pointAtCenter:!0},placement:"bottom",menu:{items:ue},classNames:{root:"upload-bg-image__menu"},children:(0,o.jsx)(t.ui_kit$Text,{type:"link",className:"upload-bg-image__edit-menu image-change",children:i?(0,o.jsx)(r.EmIcons,{size:16,strokeWidth:b.iconStrokeWidth,icon:"SyncOutlined",component:t.icons$SyncOutlined,onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD:r.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD)}):_("Upload")})},"Actions")]}):(0,o.jsx)(t.ui_kit$Button,{type:"default",block:!0,onClick:()=>ee(d.startsWith("src")?r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD:r.MODALS.UPLOAD_BACKGROUND_MODAL_UPLOAD),icon:(0,o.jsx)(r.EmIcons,{icon:"Image",component:t.icons$Image,size:16,strokeWidth:b.iconStrokeWidth}),children:_("Add image")}),(0,o.jsx)(r.PlanUpgradePrompt,{open:S,onCancel:se,initialSlide:J})]})};ci.propTypes={};var za=e=>typeof e=="string"&&/^https?:\/\//i.test(e.trim()),Ga=(e,i,l)=>i||(l?.type===r.ELEMENT_TYPES.CAROUSEL?["images",e]:Array.isArray(e)?e:[e]),Ir=e=>Array.isArray(e)?e.join("_"):e,No=({form:e,label:i,name:l,watchPath:s,disabled:a=!1,elementSettings:d,previewReloadSignal:c=void 0})=>{const{token:p}=(0,t.ui_kit$useToken)(),[f,x]=(0,n.useState)("success"),k=(0,n.useMemo)(()=>({marginBottom:p.formItemMarginBottomXS}),[p.formItemMarginBottomXS]),h=t.ui_kit$Form.useWatch(Ga(l,s,d),e);return(0,n.useEffect)(()=>{if(!h){x("");return}if(typeof h=="string"&&(h.startsWith("data:")||h.startsWith("blob:"))){x("success");return}if(za(h)){x("validating");return}x("success")},[h]),(0,o.jsx)(t.ui_kit$Form.Item,{name:l,validateStatus:f,style:k,children:(0,o.jsx)(ci,{validateStatus:f,placeholder:i,name:Ir(l),disabled:a,elementSettings:d,imageInfo:d?.type===r.ELEMENT_TYPES.CAROUSEL?d?.carouselImages?.[Ir(l).split("_")[1]]:d,previewReloadSignal:c,onRemotePreviewValidate:x})})};No.propTypes={label:g.default.string.isRequired,name:g.default.oneOfType([g.default.string,g.default.arrayOf(g.default.oneOfType([g.default.string,g.default.number]))]).isRequired,watchPath:g.default.arrayOf(g.default.oneOfType([g.default.string,g.default.number])),tooltipTitle:g.default.string,disabled:g.default.bool,previewReloadSignal:g.default.shape({name:g.default.string,counter:g.default.number}),form:g.default.shape({getFieldValue:g.default.func.isRequired}).isRequired},No.defaulProps={disabled:!1,previewReloadSignal:null};var So=({form:e,oneBorderRadiusValue:i,setOneBorderRadiusValue:l,elementSettings:s,namePrefix:a="",typeOfForm:d="desktop"})=>{const c=r.useSendPostMessage(),p=d==="mobile",f=p?"mobileBorderRadius":"borderRadius",x=p?"mobileBorderRadiusAll":"borderRadiusAll",k=p?"mobileBorderRadiusTopLeft":"borderRadiusTopLeft",h=p?"mobileBorderRadiusTopRight":"borderRadiusTopRight",b=p?"mobileBorderRadiusBottomRight":"borderRadiusBottomRight",R=p?"mobileBorderRadiusBottomLeft":"borderRadiusBottomLeft",_=p?W.MOBILE_BORDER_RADIUS_POSITION:W.BORDER_RADIUS_POSITION,E=()=>{const w=e.getFieldsValue(!0);let v;i?(e.setFieldsValue({[k]:w[x]||null,[R]:w[x]||null,[h]:w[x]||null,[b]:w[x]||null}),v={[f]:{[_[k]]:w[x]||0,[_[R]]:w[x]||0,[_[h]]:w[x]||0,[_[b]]:w[x]||0}}):w[k]===w[R]&&w[k]===w[h]&&w[k]===w[b]?(e.setFieldsValue({[x]:w[k]}),v={[f]:{[_[x]]:w[k]}}):(e.setFieldsValue({[k]:null,[R]:null,[h]:null,[b]:null}),v={[f]:{[_[x]]:0,[_[k]]:0,[_[R]]:0,[_[h]]:0,[_[b]]:0}});const P=p?{mobileBorderRadius:{all:w.mobileBorderRadiusAll||null,classNamePrefix:"em-mob-border_radius_all-"}}:{[`${a}${f}`]:{...s[`${a}${f}`],...v[`${a}${f}`]}};c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:s.type,settings:P}),l(j=>!j)};return(0,o.jsx)(t.ui_kit$FormBorderRadiusInputs,{namePrefix:a,typeOfForm:d,oneBorderRadiusValue:i,onToggle:E,borderRadiusIcon:(0,o.jsx)(t.ui_kit$EmIcons,{icon:"BorderRadius",component:t.icons$BorderRadius,className:"selected-td-form__icon-radius"})})};So.displayName="SelectedElementFormBorderRadius";var Ya="em-mob-text_align-",Xa=({value:e,onChange:i,onSync:l,fieldName:s,...a})=>{const d=(typeof e=="object"?e?.value:e)??"",c=p=>{const f={classNamePrefix:Ya,value:p};i?.(f),l?.({[s]:f})};return(0,o.jsx)(t.ui_kit$FormAlignControl,{value:d,onChange:c,...a})},Uo=({form:e,elementSettings:i,imgParent:l=!1,name:s="align",tooltipTitle:a,typeOfForm:d="desktop"})=>{const c=r.useSendPostMessage(),p=r.useAppConfig(),f=d==="mobile",x=f?"mobileAlign":s;if(f){const k=h=>{c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:h})};return(0,o.jsx)(t.ui_kit$Form.Item,{name:x,children:(0,o.jsx)(Xa,{fieldName:x,onSync:k,disabled:l&&!i.parent,strokeWidth:p.iconStrokeWidth,tooltipTitle:a})})}return(0,o.jsx)(t.ui_kit$Form.Item,{name:x,children:(0,o.jsx)(t.ui_kit$FormAlignControl,{disabled:l&&!i.parent,strokeWidth:p.iconStrokeWidth,tooltipTitle:a})})},Mo=({form:e,elementSettings:i,tooltipTitle:l,disabled:s=!1,isNewIconType:a=!1,typeOfForm:d="desktop"})=>{const c=r.useSendPostMessage(),p=r.useAppConfig(),f=d==="mobile",x=f?"mobileVerticalAlign":"valign",k=h=>{e.setFieldsValue({[x]:h}),f||c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{[x]:h}})};return(0,o.jsx)(t.ui_kit$Form.Item,{name:x,children:(0,o.jsx)(t.ui_kit$FormVerticalAlignControl,{...!f&&{value:i.valign,onChange:k},disabled:s,isNewIconType:a,strokeWidth:p.iconStrokeWidth})})},Ka=["mobileBoxShadowHOffset","mobileBoxShadowVOffset","mobileBoxShadowBlurRadius","mobileBoxShadowSpreadRadius","mobileBoxShadowColor","mobileBoxShadowInset"],qa=({form:e,elementSettings:i,enableSwitch:l,usedColors:s,withoutShadowLabel:a})=>{const d=r.useSendPostMessage(),c=i.mobileBoxShadow,[p,f]=(0,n.useState)(!c||c.hOffset===0&&c.vOffset===0&&c.blurRadius===0&&c.spreadRadius===0),x=t.ui_kit$Form.useWatch(Ka,e);(0,n.useEffect)(()=>{if(!x)return;const[h,b,R,_,E,w]=x;(h===0||h===void 0||h===null)&&(b===0||b===void 0||b===null)&&(R===0||R===void 0||R===null)&&(_===0||_===void 0||_===null)&&(E===""||E===void 0||E===null)&&(w===!1||w===void 0)||f(!1)},[x]);const k=()=>{f(h=>!h),e.setFieldsValue({mobileBoxShadowHOffset:p?"":0,mobileBoxShadowVOffset:p?"":0,mobileBoxShadowBlurRadius:p?"":0,mobileBoxShadowSpreadRadius:p?"":0,mobileBoxShadowColor:"",mobileBoxShadowInset:!1}),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBoxShadow:{classNamePrefix:"em-mob-box_shadow-",hOffset:p?null:0,vOffset:p?null:0,blurRadius:p?null:0,spreadRadius:p?null:0,color:null,inset:!1}}})};return(0,o.jsxs)(o.Fragment,{children:[l&&(0,o.jsx)("div",{style:{float:"right",marginTop:-9,marginRight:50},children:(0,o.jsx)(t.ui_kit$Switch,{id:"without-shadow",label:a,labelSize:"small",size:"small",checked:p,onChange:k})}),(0,o.jsx)("p",{style:{paddingBottom:"8px",margin:"-30px 0 0"},children:" "}),(0,o.jsx)(t.ui_kit$FormBoxShadowInputs,{typeOfForm:"mobile",usedColors:s})]})},jo=({typeOfForm:e="desktop",form:i,elementSettings:l,enableSwitch:s=!0})=>{const{__:a}=r.useI18n(),d=r.useSelector(r.selectEmailSettings).usedColors;return e==="mobile"&&i&&l?(0,o.jsx)(qa,{form:i,elementSettings:l,enableSwitch:s,usedColors:d,withoutShadowLabel:a("Without shadow")}):(0,o.jsx)(t.ui_kit$FormBoxShadowInputs,{typeOfForm:e,usedColors:d})};jo.displayName="SelectedElementFormBoxShadow";var vo=({form:e,elementSettings:i,directionControl:l})=>{const{__:s}=r.useI18n();return(0,o.jsx)(t.ui_kit$FormDisplayControl,{directionControl:l,className:"selected-element-form-show",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"show",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$Radio.Group,{children:(0,o.jsxs)(t.ui_kit$Space,{size:8,children:[(0,o.jsx)(t.ui_kit$Radio.Button,{value:"all",children:s("Both")}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:s("Desktop"),children:(0,o.jsx)(t.ui_kit$Radio.Button,{value:"desktop",children:(0,o.jsx)(r.EmIcons,{icon:"DesktopOutlined",component:t.icons$DesktopOutlined})})}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:s("Mobile"),children:(0,o.jsx)(t.ui_kit$Radio.Button,{value:"mobile",children:(0,o.jsx)(r.EmIcons,{icon:"MobileOutlined",component:t.icons$MobileOutlined})})})]})})})})},ui=({form:e,elementSettings:i,handleChangeValues:l})=>{const{__:s}=r.useI18n(),a=(0,n.useRef)(),{token:d}=(0,t.ui_kit$useToken)(),[c,p]=(0,n.useState)(!1),[f,x]=(0,n.useState)(!1),[k,h]=(0,n.useState)(!1),[b,R]=(0,n.useState)(!1),[_,E]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let N=new URL("https://emailmaker.ru/?"+i.countdown);p(N.searchParams.get("font1").endsWith("-b")||N.searchParams.get("font1").endsWith("-bi")),x(N.searchParams.get("font1").endsWith("-i")||N.searchParams.get("font1").endsWith("-bi")),h(N.searchParams.get("font2").endsWith("-b")||N.searchParams.get("font2").endsWith("-bi")),R(N.searchParams.get("font2").endsWith("-i")||N.searchParams.get("font2").endsWith("-bi")),E(N.searchParams.get("tp")==="true")},[i]);const w=[{value:"-12",label:s("-12:00 Apia")},{value:"-11",label:s("-11:00 Pago Pago, Midway Atoll")},{value:"-10",label:s("-10:00 Honolulu, Anchorage")},{value:"-9",label:s("-9:00 Anchorage, Yukon")},{value:"-8",label:s("-8:00 Los Angeles, Vancouver")},{value:"-7",label:s("-7:00 Denver, Phoenix")},{value:"-6",label:s("-6:00 Mexico City, Guadalajara")},{value:"-5",label:s("-5:00 New York, Toronto, Havana")},{value:"-4",label:s("-4:00 Caracas, Santo Domingo")},{value:"-3",label:s("-3:00 Buenos Aires, Santiago, Montevideo")},{value:"-2",label:s("-2:00 South Georgia, Saint Helena")},{value:"-1",label:s("-1:00 Azores, Cape Verde")},{value:"0",label:s("+0:00 London, Lisbon, Dublin")},{value:"1",label:s("+1:00 Paris, Berlin, Rome")},{value:"2",label:s("+2:00 Athens, Kiev, Istanbul")},{value:"3",label:s("+3:00 Istanbul, Doha, Baghdad")},{value:"4",label:s("+4:00 Baku, Dubai, Tbilisi")},{value:"5",label:s("+5:00 Karachi, Tashkent, Islamabad")},{value:"6",label:s("+6:00 Almaty, Dhaka, Bishkek")},{value:"7",label:s("+7:00 Bangkok, Ho Chi Minh City, Jakarta")},{value:"8",label:s("+8:00 Beijing, Hong Kong, Singapore")},{value:"9",label:s("+9:00 Tokyo, Seoul, Jayapura")},{value:"10",label:s("+10:00 Sydney, Melbourne, Port Moresby")},{value:"11",label:s("+11:00 Honiara, Nuku'alofa, Apia")}],v=[{value:"20",label:s("20 s")},{value:"40",label:s("40 s")},{value:"60",label:s("60 s")}],P=[{value:"arial",label:"Arial"},{value:"courier-new",label:"Courier New"},{value:"georgia",label:"Georgia"},{value:"helvetica",label:"Helvetica"},{value:"tahoma",label:"Tahoma"},{value:"times-new-roman",label:"Times New Roman"},{value:"trebuchet-ms",label:"Trebuchet MS"},{value:"verdana",label:"Verdana"},{value:"open-sans",label:"Open Sans"},{value:"roboto",label:"Roboto"}],j=N=>N&&N<(0,Oo.default)().endOf("day")-864e5,I=N=>{E(N)},C=()=>{const N=!c;e.setFieldValue("countdownNumbersStrong",N),l({countdownNumbersStrong:N}),p(N)},Y=()=>{const N=!f;e.setFieldValue("countdownNumbersItalic",N),l({countdownNumbersItalic:N}),x(N)},z=()=>{const N=!k;e.setFieldValue("countdownLabelsStrong",N),l({countdownLabelsStrong:N}),h(N)},O=()=>{const N=!b;e.setFieldValue("countdownLabelsItalic",N),l({countdownLabelsItalic:N}),R(N)};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:s("End time"),name:"countdownTime",children:(0,o.jsx)(t.ui_kit$DatePicker,{ref:a,format:"MM/DD/YYYY HH:mm",disabledDate:j,showTime:!0,placement:"bottomRight",getPopupContainer:N=>{const S=N?.closest(".blocks-app");return S||(N?.ownerDocument?.body??document.body)},allowClear:!1,allowEmpty:!1})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:s("Time zone"),name:"countdownTimeZone",style:{width:"100%"},children:(0,o.jsx)(t.ui_kit$Select,{placeholder:s("Select the time zone"),getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),children:w.map(N=>(0,o.jsx)(t.ui_kit$Select.Option,{value:N.value,children:N.label},N.value))})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:20,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:s("Background color"),name:"countdownBackgroundColor",className:"countdown-color",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:s("Background color"),usedColors:i.usedColors})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownTransparency",valuePropName:"checked",style:{paddingTop:29},children:(0,o.jsx)(t.ui_kit$Switch,{id:"countdownTransparency",label:s("Transparency"),labelSize:"small",size:"small",onChange:I})})})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:s("Countdown font settings"),compact:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownNumbersFont",style:{marginBottom:d.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:P})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownNumbersColor",className:"countdown-color",style:{marginBottom:d.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{usedColors:i.usedColors})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownNumbersFontSize",children:(0,o.jsx)(t.ui_kit$InputNumber,{min:12,placeholder:s("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:s("Strong"),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownNumbersStrong",children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":c}),onClick:C,children:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-td-form__icon-radius"})})})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:s("Italic"),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownNumbersItalic",children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":f}),onClick:Y,children:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-td-form__icon-radius"})})})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:s("Time units font settings"),compact:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownLabelsFont",style:{marginBottom:d.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:P})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownLabelsColor",className:"countdown-color",style:{marginBottom:d.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{usedColors:i.usedColors})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownLabelsFontSize",children:(0,o.jsx)(t.ui_kit$InputNumber,{min:8,placeholder:s("Font size"),addonAfter:"px",prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined})})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:s("Strong"),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownLabelsStrong",children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":k}),onClick:z,children:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-td-form__icon-radius"})})})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:s("Italic"),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"countdownLabelsItalic",children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":b}),onClick:O,children:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-td-form__icon-radius"})})})})})]})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:s("Language"),name:"countdownLanguage",style:{width:"100%"},children:(0,o.jsx)(t.ui_kit$Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:[{value:"ru_RU",label:"Русский"},{value:"en_US",label:"English"},{value:"uk_UA",label:"Українська"},{value:"pt_BR",label:"Português"},{value:"fr-CA",label:"Français"},{value:"de_DE",label:"Deutsch"},{value:"pl_PL",label:"Polski"},{value:"es_ES",label:"Español"},{value:"tr_TR",label:"Türkçe"},{value:"lt_LT",label:"Lietuvių kalba"},{value:"lv_LV",label:"Latviešu valoda"},{value:"et_EE",label:"Eesti keel"},{value:"hu_HU",label:"Magyar"},{value:"el_GR",label:"Ελληνικά"},{value:"it_IT",label:"Italiano"}]})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:s("Duration"),name:"countdownDuration",style:{width:"100%"},children:(0,o.jsx)(t.ui_kit$Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:v})})})]})]})};ui.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,tooltipTitle:g.default.string};var mi=({form:e,elementSettings:i})=>{const{__:l}=r.useI18n(),{token:s}=(0,t.ui_kit$useToken)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("URL of the video clip."),placement:"right",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:["video","source"],className:"selected-image-form__alt",children:(0,o.jsx)(t.ui_kit$Input,{allowClear:!0,placeholder:l("Video URL"),prefix:(0,o.jsx)(r.EmIcons,{icon:"VideoCameraOutlined",component:t.icons$VideoCameraOutlined})})})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Play button"),name:["video","playButton"],style:{width:"100%",marginBottom:s.formItemMarginBottomMD+4},children:(0,o.jsxs)(t.ui_kit$Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),children:[(0,o.jsxs)(t.ui_kit$Select.Option,{value:"youtube_red",children:[(0,o.jsx)(r.EmIcons,{icon:"YoutubeOutlined",component:t.icons$YoutubeOutlined,style:{color:"#FF0000"}})," ",l("Youtube Red")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"youtube_black",children:[(0,o.jsx)(r.EmIcons,{icon:"YoutubeOutlined",component:t.icons$YoutubeOutlined})," ",l("Youtube Black")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"youtube_white",children:[(0,o.jsx)(r.EmIcons,{icon:"YoutubeOutlined",component:t.icons$YoutubeOutlined,style:{color:"#aaa"}})," ",l("Youtube White")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"vimeo",children:[(0,o.jsx)(r.EmIcons,{icon:"Vimeo",component:t.icons$Vimeo})," ",l("Vimeo")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"white_circle",children:[(0,o.jsx)(r.EmIcons,{icon:"PlayCircleOutlined",component:t.icons$PlayCircleOutlined,style:{color:"#aaa"}})," ",l("White circle")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"black_circle",children:[(0,o.jsx)(r.EmIcons,{icon:"PlayCircleOutlined",component:t.icons$PlayCircleOutlined})," ",l("Black circle")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"white_circle_outlined",children:[(0,o.jsx)(r.EmIcons,{icon:"RightCircleOutlined",component:t.icons$RightCircleOutlined,style:{color:"#aaa"}})," ",l("White circle outlined")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"black_circle_outlined",children:[(0,o.jsx)(r.EmIcons,{icon:"RightCircleOutlined",component:t.icons$RightCircleOutlined})," ",l("Black circle outlined")]}),(0,o.jsxs)(t.ui_kit$Select.Option,{value:"none",children:[" ",l("Without button")]})]})})]})};mi.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,tooltipTitle:g.default.string};var Ja={marginBottom:10},Io=()=>{const{__:e}=r.useI18n();return(0,o.jsx)(t.ui_kit$Row,{gutter:20,style:Ja,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"ampShow",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$Radio.Group,{children:(0,o.jsxs)(t.ui_kit$Space,{size:8,children:[(0,o.jsx)(t.ui_kit$Radio.Button,{value:"all",children:e("Both")}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:e("AMP"),children:(0,o.jsx)(t.ui_kit$Radio.Button,{value:"amp",children:"AMP"})}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:e("HTML"),children:(0,o.jsx)(t.ui_kit$Radio.Button,{value:"html",children:"HTML"})})]})})})})})},{Option:pi}=t.ui_kit$Select,{mobileBorderRadiusAll:Qa,mobileBorderRadiusTopLeft:hi,mobileBorderRadiusBottomLeft:bi,mobileBorderRadiusTopRight:fi,mobileBorderRadiusBottomRight:gi,borderRadiusBottomRight:_i,borderRadiusTopRight:xi,borderRadiusBottomLeft:ki,borderRadiusTopLeft:Ei,alt:Za,src:en,title:on,link:lt,borderRadiusAll:Cr,imgReplacer:tn,expanded:rn}={link:"link",borderRadiusBottomRight:"borderRadiusBottomRight",borderRadiusTopRight:"borderRadiusTopRight",borderRadiusBottomLeft:"borderRadiusBottomLeft",borderRadiusTopLeft:"borderRadiusTopLeft",mobileBorderRadiusAll:"mobileBorderRadiusAll",mobileBorderRadiusTopLeft:"mobileBorderRadiusTopLeft",mobileBorderRadiusBottomLeft:"mobileBorderRadiusBottomLeft",mobileBorderRadiusTopRight:"mobileBorderRadiusTopRight",mobileBorderRadiusBottomRight:"mobileBorderRadiusBottomRight",alt:"alt",imgReplacer:"imgReplacer",src:"src",title:"title",borderRadiusAll:"borderRadiusAll",expanded:"expanded"},Qo=({linkProtocol:e})=>{switch(e){case"https://":return(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined});case"mailto:":return(0,o.jsx)(r.EmIcons,{icon:"MailOutlined",component:t.icons$MailOutlined});case"tel:":return(0,o.jsx)(r.EmIcons,{icon:"PhoneOutlined",component:t.icons$PhoneOutlined});case"sms:":return(0,o.jsx)(r.EmIcons,{icon:"CommentOutlined",component:t.icons$CommentOutlined});case"ftp://":return(0,o.jsx)(r.EmIcons,{icon:"FileOutlined",component:t.icons$FileOutlined});case"#":return(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined});default:return(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined})}},ln=e=>[{value:"https://",label:e("Site")},{value:"mailto:",label:e("E-mail")},{value:"tel:",label:e("Phone")},{value:"sms:",label:e("SMS")},{value:"ftp://",label:e("File")},{value:"#",label:e("Anchor")},{value:"",label:e("Other")}],Zo=({handleLinkProtocolsChange:e,linkProtocol:i,__:l})=>{const s=n.default.useMemo(()=>ln(l),[l]);return(0,o.jsx)(t.ui_kit$Select,{style:{width:90,textAlign:"left"},value:i,onChange:e,options:s})},et=({show:e,__:i,style:l,className:s})=>{const a=n.default.useMemo(()=>({marginBottom:8,...l}),[l]);return e?(0,o.jsx)(t.ui_kit$Alert,{className:s,title:i("Anchor links do not work in Outlook, Gmail, and several other email clients."),type:"warning",showIcon:!0,style:a}):null},Bi=e=>!(!e.startsWith("#")||e.indexOf("#",1)!==-1),sn=/^(?:<\s*[a-z][\w:-]*\b[^>]*\s+)?href\s*=\s*(["'])((?:\\.|(?!\1).)*?)\1(?:\s*\/?>)?\s*$/i,an=/^(?:<\s*[a-z][\w:-]*\b[^>]*\s+)?href\s*=\s*([^\s/>]+)(?:\s*\/?>)?\s*$/i;function ot(e){if(typeof e!="string")return e;let i=e.trim();if(!i)return i;const l=i.match(sn);if(l)i=l[2];else{const s=i.match(an);s&&(i=s[1])}return i.startsWith("https://http")&&(i=i.substring(8)),i}var Mt=(e,i="https://")=>e?e.startsWith("https://")||e.startsWith("http://")?"https://":e.startsWith("mailto:")?"mailto:":e.startsWith("tel:")?"tel:":e.startsWith("sms:")?"sms:":e.startsWith("ftp://")?"ftp://":Bi(e)?"#":"":i,Wo=(e,i)=>{const l=Mt(e,"");return i(l),l},Pr=e=>{if(!e||!e.startsWith("mailto:"))return{subject:"",body:"",baseEmail:e||""};try{const i=new URL(e),l=e.split("?")[0];return{subject:i.searchParams.get("subject")||"",body:i.searchParams.get("body")||"",baseEmail:l}}catch{return{subject:"",body:"",baseEmail:e.split("?")[0]}}},Si=(e,i,l)=>{if(!e||!e.startsWith("mailto:"))return e;const s=e.split("?")[0],a=[];return i&&a.push(`subject=${encodeURIComponent(i)}`),l&&a.push(`body=${encodeURIComponent(l)}`),a.length>0?`${s}?${a.join("&")}`:s},u=e=>e||(e===0?"0":""),po=e=>e&&e!=="auto"?e:e===0?"0":"",Ar=(e,i)=>{if(typeof e=="object"&&e!==null&&"value"in e){if(e.value)return e.value;if(e.value==="")return""}return typeof e=="string"&&e?e:i||""};function Ti(e){const i={...e,link:e.link==null?"https://":e.link,borderRadiusAll:u(e.borderRadius?.all),borderRadiusTopLeft:u(e.borderRadius?.topLeft),borderRadiusBottomLeft:u(e.borderRadius?.bottomLeft),borderRadiusTopRight:u(e.borderRadius?.topRight),borderRadiusBottomRight:u(e.borderRadius?.bottomRight),mobileBorderRadiusAll:u(e.mobileBorderRadius?.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius?.topLeft!==null?e.mobileBorderRadius?.topLeft:e.mobileBorderRadius?.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius?.bottomLeft!==null?e.mobileBorderRadius?.bottomLeft:e.mobileBorderRadius?.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius?.topRight!==null?e.mobileBorderRadius?.topRight:e.mobileBorderRadius?.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius?.bottomRight!==null?e.mobileBorderRadius?.bottomRight:e.mobileBorderRadius?.all),show:e.show?e.show:"all",altSrc:e.src};if(e.video&&(i.videoPlayButton=e.video.playButton??"youtube_red",i.videoSource=e.video.source??""),e.carouselImages?.length>0){const l={};e.carouselImages?.map((s,a)=>(Object.keys(s).forEach(d=>{l[d+"_"+a]=s[d]}),!0)),i.images=l}if(e.sections?.length>0){const l=[];e.sections?.map((s,a)=>(l.push({[`expanded_${a}`]:s.expanded}),!0)),i.sections=l}return i}function Nr(e,i,l){const s=l.hasOwnProperty("images"),a=l.hasOwnProperty("sections"),d=Object.keys(s?l.images:a?l.sections:l)[0],c=s?l.images:a?l.sections:l;let p={};const f=i.getFieldsValue(!0);switch(d.split("_")[0]){case on:case en:case Za:case tn:if(s){const k=[...e.carouselImages];k[d.split("_")[1]][d.split("_")[0]]=c[d],p={carouselImages:k}}else p=c;break;case rn:if(a){const k=[...e.sections];k[d.split("_")[1]][d.split("_")[0]]=c[d],p={sections:k}}break;case lt:let x=ot(c[d]);e.type===r.ELEMENT_TYPES.CAROUSEL?(p.carouselImages=e.carouselImages,s?(i.setFieldValue(["images",[lt+"_"+d.split("_")[1]]],x),p.carouselImages[d.split("_")[1]].link=x,p.link="",i.setFieldValue(lt,"")):(e.carouselImages.forEach((k,h)=>{i.setFieldValue(["images",lt+"_"+h],x),p.carouselImages[h].link=x,p.link=x}),i.setFieldValue(lt,x))):(i.setFieldValue(lt,x),p.link=x);break;case Cr:p={borderRadius:{...e.borderRadius,[W.BORDER_RADIUS_POSITION[Ei]]:f[Ei],[W.BORDER_RADIUS_POSITION[ki]]:f[ki],[W.BORDER_RADIUS_POSITION[xi]]:f[xi],[W.BORDER_RADIUS_POSITION[_i]]:f[_i],[W.BORDER_RADIUS_POSITION[d]]:+c[d]}};break;case Ei:case ki:case xi:case _i:p={borderRadius:{...e.borderRadius,[W.BORDER_RADIUS_POSITION[Cr]]:null,[W.BORDER_RADIUS_POSITION[d]]:+c[d]}};break;case Qa:case hi:case bi:case fi:case gi:p={mobileBorderRadius:{...e.mobileBorderRadius,[W.MOBILE_BORDER_RADIUS_POSITION[hi]]:f[hi],[W.MOBILE_BORDER_RADIUS_POSITION[bi]]:f[bi],[W.MOBILE_BORDER_RADIUS_POSITION[fi]]:f[fi],[W.MOBILE_BORDER_RADIUS_POSITION[gi]]:f[gi],[W.MOBILE_BORDER_RADIUS_POSITION[d]]:c[d],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[d]+"-"}};break;default:p=c}return{...e,...p}}var $o=(0,o.jsxs)(t.ui_kit$Select,{className:"select-after",children:[(0,o.jsx)(pi,{value:"px",children:"px"}),(0,o.jsx)(pi,{value:"%",children:"%"})]}),nn=(0,o.jsx)(t.ui_kit$Select,{className:"select-after",children:(0,o.jsx)(pi,{value:"px",children:"px"})}),Lr=({form:e,elementSettings:i,boxShadow:l,bordersShow:s,borderRadiusShow:a,boxShadowShow:d,oneBorderRadiusValue:c,setOneBorderRadiusValue:p,hasLink:f,hasAlt:x,hasTitle:k,isOpenSrcReplacer:h,mergeTagItems:b,mergeMenuOpen:R,setMergeMenuOpen:_,cascaderRef:E,linkInputRef:w,linkButtonRef:v,altInputRef:P,altButtonRef:j,titleInputRef:I,titleButtonRef:C,srcReplacerInputRef:Y,srcReplacerButtonRef:z,linkProtocol:O,handleLinkProtocolsChange:N,linkButtonHandler:S,linkInputHandler:Q,altButtonHandler:J,altInputHandler:re,titleButtonHandler:te,titleInputHandler:pe,srcReplacerButtonHandler:be,srcInputHandler:ae,handleSelect:xe,onChange:Ie,filter:ne,renderSearchOption:Fe,handleChangeValues:je,toggleShowBorderHandler:le,toggleShowBorderRadiusHandler:Ee,toggleShowBoxShadowHandler:ce})=>{const{__:ee}=r.useI18n(),{token:ue}=(0,t.ui_kit$useToken)(),se=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Uo,{form:e,elementSettings:i,imgParent:!0})}),se.formImageFieldVerticalAlignEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,align:"right",children:(0,o.jsx)(Mo,{form:e,elementSettings:i})})]}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:i.type==="countdown"?15:24}}),i.type==="countdown"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(ui,{form:e,elementSettings:i,handleChangeValues:je}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}})]}),se.mergeTagsShow&&b&&(0,o.jsx)(t.ui_kit$Col,{span:24,id:"merge_tags_wrapper",children:(0,o.jsxs)(t.ui_kit$Form.Item,{style:{marginBottom:24},children:[(0,o.jsx)(t.ui_kit$Button,{id:"merge_tags_button",icon:(0,o.jsx)(r.EmIcons,{icon:"MergeTags",component:t.icons$MergeTags}),style:{width:"100%",display:R?"none":"inline-flex"},onClick:()=>_(!0),children:ee("Merge tags")}),(0,o.jsx)(t.ui_kit$Cascader,{ref:E,classNames:{popup:{root:"merge-tags"}},options:b,placeholder:ee("Start typing the title"),showSearch:{filter:ne,render:Fe},spellCheck:"false",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),onChange:Ie,style:{display:R?"block":"none"},open:R,onKeyDown:Z=>{Z.key==="Escape"&&_(!1)}})]})}),i.type==="video"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(mi,{form:e,elementSettings:i}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}})]}),(i.type==="img"||i.type==="video")&&(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:0},children:(0,o.jsx)(No,{form:e,label:ee("Image path"),name:"src",placeholder:ee("Image path"),elementSettings:i,tooltipTitle:""})}),(0,o.jsxs)(t.ui_kit$Space,{size:8,style:{marginBottom:!x&&!f&&!k&&!h?ue.formItemMarginBottomMD+4:ue.formItemMarginBottomXS},children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:x||ee("Alternative text"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!x}),onClick:J,ref:j,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"})})}),se.formFieldImageTitleEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:k||ee("Tooltip text"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!k}),onClick:te,ref:C,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"})})}),(0,o.jsx)(t.ui_kit$Tooltip,{title:f||ee("Hyperlink URL"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!f}),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-td-form__icon-radius"}),onClick:S,ref:v})}),se.formImageFieldReplacerEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:ee("Image replacer"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":h}),icon:(0,o.jsx)(r.EmIcons,{icon:"Replacer",component:t.icons$Replacer,className:"selected-td-form__icon-radius"}),onClick:be,ref:z})})]}),(!!f||!!x||!!k||!!h)&&(0,o.jsxs)("div",{style:{marginBottom:ue.formItemMarginBottomMD+4},children:[!!f&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(et,{show:O==="#",__:ee,style:{marginBottom:ue.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ee("Hyperlink URL"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:ue.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{addonBefore:(0,o.jsx)(Zo,{linkProtocol:O,handleLinkProtocolsChange:N,__:ee}),placeholder:ee("Hyperlink URL"),allowClear:!0,ref:w,onChange:Q,onSelect:xe,prefix:(0,o.jsx)(Qo,{linkProtocol:O})})})})]}),!!x&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ee("Alternative text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:ue.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:ee("Alternative text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"}),onChange:re,ref:P,onSelect:xe})})}),se.formFieldImageTitleEnabled&&!!k&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ee("Tooltip text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:ue.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:ee("Enter the title of the image"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"}),onChange:pe,ref:I,onSelect:xe})})}),!!h&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ee("Image src"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"imgReplacer",className:"selected-image-form__alt",style:{marginBottom:ue.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:ee("Code that will replace the image `src`"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:ee("Image src")}),onChange:ae,ref:Y,onSelect:xe})})})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:ee("Size"),dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormSizeInputs,{maxWidth:i.maxWidth,showHeight:se.formImageFieldHeightEnabled,showMinMax:!1,gutter:ue.marginSM,rowStyle:{marginBottom:se.formImageFieldHeightEnabled?4:24},labels:{width:ee("Width"),height:ee("Height"),minWidth:ee("Minimum width"),maxWidth:ee("Maximum width")}})}),se.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ee("Borders"),collapsible:!0,open:s,onToggle:le,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,elementSettings:i})}),se.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ee("Border radius"),collapsible:!0,open:a,onToggle:Ee,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:c,setOneBorderRadiusValue:p,elementSettings:i})}),se.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ee("Box shadow"),collapsible:!0,open:d,onToggle:ce,dividerTop:!0,children:(0,o.jsx)(jo,{})}),se.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ee("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),se.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:ee("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};Lr.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,hasLink:g.default.string,hasAlt:g.default.string,hasTitle:g.default.string,isOpenSrcReplacer:g.default.oneOfType([g.default.bool,g.default.number]),mergeTagItems:g.default.array,mergeMenuOpen:g.default.bool,setMergeMenuOpen:g.default.func,cascaderRef:g.default.object,linkInputRef:g.default.object,linkButtonRef:g.default.object,altInputRef:g.default.object,altButtonRef:g.default.object,titleInputRef:g.default.object,titleButtonRef:g.default.object,srcReplacerInputRef:g.default.object,srcReplacerButtonRef:g.default.object,linkProtocol:g.default.string,handleLinkProtocolsChange:g.default.func,linkButtonHandler:g.default.func,linkInputHandler:g.default.func,altButtonHandler:g.default.func,altInputHandler:g.default.func,titleButtonHandler:g.default.func,titleInputHandler:g.default.func,srcReplacerButtonHandler:g.default.func,srcInputHandler:g.default.func,handleSelect:g.default.func,onChange:g.default.func,filter:g.default.func,renderSearchOption:g.default.func,handleChangeValues:g.default.func,toggleShowBorderHandler:g.default.func,toggleShowBorderRadiusHandler:g.default.func,toggleShowBoxShadowHandler:g.default.func};var zo=({form:e,name:i,elementSettings:l,isPicture:s,tooltipTitle:a})=>{const{__:d}=r.useI18n(),c=r.useSendPostMessage(),p=(0,n.useRef)(),[f,x]=(0,n.useState)(l[i]?.value==="auto"),{token:k}=(0,t.ui_kit$useToken)(),[h,b]=(0,n.useState)(""),R=E=>{p.current.value=null,e.setFieldsValue({[i]:"",[i+"Dim"]:"px"}),x(w=>!w),c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{[i]:{classNamePrefix:"em-mob-width-",value:f?null:"auto",dim:""}}})},_=E=>{x(!1),b(e.getFieldsValue(!0)[i+"Dim"]==="%"?100:"")};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:a,placement:"bottom",children:(0,o.jsx)("div",{children:(0,o.jsx)(t.ui_kit$Form.Item,{name:i,style:{marginBottom:k.formItemMarginBottomXS/2},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{ref:p,min:0,max:h,placeholder:d("Width"),onChange:_,prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:(0,o.jsx)(t.ui_kit$Form.Item,{name:i+"Dim",noStyle:!0,children:$o})})})})}),!s&&(0,o.jsx)(t.ui_kit$Switch,{id:"auto-width",label:d("Auto"),labelSize:"small",size:"small",checked:f,onChange:R})]})};zo.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,tooltipTitle:g.default.string};var tt=({form:e,name:i,elementSettings:l,isPicture:s,tooltipTitle:a})=>{const{__:d}=r.useI18n(),c=r.useSendPostMessage(),p=(0,n.useRef)(),[f,x]=(0,n.useState)(l.mobileHeight?.value==="auto"),{token:k}=(0,t.ui_kit$useToken)(),h=R=>{p.current.value=null,e.setFieldsValue({mobileHeight:"",mobileHeightDim:"px"}),x(_=>!_),c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{mobileHeight:{classNamePrefix:"em-mob-height-",value:f?null:"auto",dim:""}}})},b=R=>{x(!1)};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:a,placement:"bottom",children:(0,o.jsx)("div",{children:(0,o.jsx)(t.ui_kit$Form.Item,{name:i,style:{marginBottom:k.formItemMarginBottomXS/2},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{ref:p,min:0,placeholder:d("Height"),onChange:b,prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnHeightOutlined",component:t.icons$ColumnHeightOutlined}),addonAfter:"px"})})})}),!s&&(0,o.jsx)(t.ui_kit$Switch,{id:"auto-height",label:d("Auto"),labelSize:"small",size:"small",checked:f,onChange:h})]})};tt.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,tooltipTitle:g.default.string};var Or=({form:e,elementSettings:i,boxShadow:l,mobileBordersShow:s,mobileBorderRadiusShow:a,mobileBoxShadowShow:d,mobileSizeShow:c,oneMobileBorderRadiusValue:p,setOneMobileBorderRadiusValue:f,hasLink:x,hasAlt:k,hasTitle:h,linkInputRef:b,linkButtonRef:R,altInputRef:_,altButtonRef:E,titleInputRef:w,titleButtonRef:v,linkInputHandler:P,altButtonHandler:j,altInputHandler:I,titleButtonHandler:C,titleInputHandler:Y,linkButtonHandler:z,toggleShowMobileBorderHandler:O,toggleShowMobileBorderRadiusHandler:N,toggleShowMobileBoxShadowHandler:S,toggleShowMobileSizeHandler:Q})=>{const{__:J}=r.useI18n(),{token:re}=(0,t.ui_kit$useToken)(),te=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:30,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Uo,{form:e,elementSettings:i,imgParent:!0,typeOfForm:"mobile"})}),te.formImageFieldVerticalAlignEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,align:"right",children:(0,o.jsx)(Mo,{form:e,elementSettings:i,typeOfForm:"mobile"})})]}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:i.type==="countdown"?15:24}}),i.type==="countdown"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(ui,{form:e,elementSettings:i}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}})]}),i.type==="video"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(mi,{form:e,elementSettings:i}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}})]}),(i.type==="img"||i.type==="video")&&(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:0},children:(0,o.jsx)(No,{form:e,label:J("Image path"),name:"src",placeholder:J("Image path"),elementSettings:i,tooltipTitle:""})}),(0,o.jsxs)(t.ui_kit$Space,{size:8,style:{marginBottom:!k&&!x&&!h?re.formItemMarginBottomMD+4:re.formItemMarginBottomXS},children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:k||J("Alternative text"),placement:"bottom",getPopupContainer:pe=>pe.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!k}),onClick:j,ref:E,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"})})}),te.formFieldImageTitleEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:h||J("Tooltip text"),placement:"bottom",getPopupContainer:pe=>pe.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!h}),onClick:C,ref:v,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"})})}),(0,o.jsx)(t.ui_kit$Tooltip,{title:x||J("Hyperlink URL"),placement:"bottom",getPopupContainer:pe=>pe.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!x}),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-td-form__icon-radius"}),onClick:z,ref:R})})]}),(!!x||!!k||!!h)&&(0,o.jsxs)("div",{style:{marginBottom:re.formItemMarginBottomMD+4},children:[!!x&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:J("Hyperlink URL"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{ref:b,allowClear:!0,placeholder:J("Hyperlink URL"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined}),onChange:P})})}),!!k&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:J("Alternative text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:J("Alternative text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"}),onChange:I,ref:_})})}),te.formFieldImageTitleEnabled&&!!h&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:J("Tooltip text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:J("Tooltip text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"}),onChange:Y,ref:w})})})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:J("Size"),collapsible:!0,open:c,onToggle:Q,dividerTop:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:24},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i,isPicture:"true",tooltipTitle:J("Width")})}),te.formImageFieldHeightEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:i,isPicture:"true",tooltipTitle:J("Height")})})]})}),te.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:J("Borders"),collapsible:!0,open:s,onToggle:O,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,typeOfForm:"mobile"})}),te.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:J("Border radius"),collapsible:!0,open:a,onToggle:N,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:p,setOneBorderRadiusValue:f,elementSettings:i,typeOfForm:"mobile"})}),te.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:J("Box shadow"),collapsible:!0,open:d,onToggle:S,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile"})}),te.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:J("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),te.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:J("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};Or.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,mobileSizeShow:g.default.bool,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,hasLink:g.default.string,hasAlt:g.default.string,hasTitle:g.default.string,linkInputRef:g.default.object,linkButtonRef:g.default.object,altInputRef:g.default.object,altButtonRef:g.default.object,titleInputRef:g.default.object,titleButtonRef:g.default.object,linkInputHandler:g.default.func,altButtonHandler:g.default.func,altInputHandler:g.default.func,titleButtonHandler:g.default.func,titleInputHandler:g.default.func,linkButtonHandler:g.default.func,toggleShowMobileBorderHandler:g.default.func,toggleShowMobileBorderRadiusHandler:g.default.func,toggleShowMobileBoxShadowHandler:g.default.func,toggleShowMobileSizeHandler:g.default.func};var dn=e=>typeof e=="object"&&e!==null?e.path:void 0;function Fo(){const e=(0,n.useRef)(!1),i=(0,n.useRef)(null),l=(0,n.useCallback)(a=>{e.current=!a},[]),s=(0,n.useCallback)((a,d)=>{const c=JSON.stringify(dn(a)??null);return i.current!==c&&(i.current=c,e.current=!1),d?e.current:(e.current=!1,!1)},[]);return(0,n.useMemo)(()=>({markBorderToggled:l,isStaleBorderSnapshot:s}),[l,s])}function st(e){const i=(0,n.useRef)(null),l=(0,n.useRef)(e);return l.current=e,{remember:(0,n.useCallback)(s=>{i.current=s},[]),fillFields:(0,n.useCallback)((s,a)=>{l.current!==i.current&&s.setFieldsValue(a)},[])}}var cn=1e3,un=2e4,$r="https://useblocks.io/app/",Fr=({elementSettings:e})=>{const{__:i}=r.useI18n(),[l]=t.ui_kit$Form.useForm(),s=Fo(),a=Fo();let d=r.useDispatch();const c=r.useAppConfig(),p=r.useEditorProjectId(),f=r.useNotification(),x=r.useSendPostMessage(),k=r.useSendPostMessageEx(),{openImagePicker:h}=r.useImagePicker(),b=r.useSelector(r.selectEmailViewType),R=r.useSelector(r.selectMobileViewActive),_=r.useCurrentUser(),E=r.useSelector(r.selectIsCodeMode),w=r.useSelector(r.selectCodeModeDirection),[v]=r.useUploadImageMutation(),[P,j]=r.useSendShortLinkMutation(),[I,C]=(0,n.useState)({name:"",counter:0}),Y=(0,n.useRef)(null),z=(0,n.useRef)(null),O=(0,n.useRef)(null),N=(0,n.useRef)(null),S=(0,n.useRef)(null),Q=(0,n.useRef)(null),J=(0,n.useRef)(null),re=(0,n.useRef)(null),te=(0,n.useRef)(null),[pe,be]=(0,n.useState)({}),[ae,xe]=(0,n.useState)(!0),[Ie,ne]=(0,n.useState)(!0),[Fe,je]=(0,n.useState)(""),[le,Ee]=(0,n.useState)(""),[ce,ee]=(0,n.useState)(""),[ue,se]=(0,n.useState)(!1),[Z,q]=(0,n.useState)(!1),[G,X]=(0,n.useState)(!1),[ie,Be]=(0,n.useState)(!1),[ge,Pe]=(0,n.useState)(!1),[Re,Le]=(0,n.useState)(!1),[K,de]=(0,n.useState)(!1),[ve,H]=(0,n.useState)(!1),[Te,we]=(0,n.useState)("https://"),Ae=(0,n.useRef)(!1),Ve=(0,n.useRef)(),Me=e,He=(0,n.useRef)(Me);He.current=Me;const D=(0,n.useCallback)(()=>l.getFieldsValue(!0).video,[l]),[me,V]=(0,n.useState)(),[oe,ke]=(0,n.useState)(!1),[$e,ze]=(0,n.useState)(null),[Ge,Ye]=(0,n.useState)({start:0,end:0}),[F,L]=(0,n.useState)(!1),[y,M]=(0,n.useState)(!1),[fe,Ne]=(0,n.useState)(!1),[eo,Xe]=(0,n.useState)(!1),lo=(0,n.useRef)(void 0),Qe=(0,n.useRef)(null),uo=(0,n.useRef)(null),Eo=eo||fe||ve;(0,n.useEffect)(()=>()=>clearTimeout(lo.current),[]);const B=(0,n.useRef)(null);(0,n.useEffect)(()=>{const A=B.current,Ce=A?.firstElementChild??null;if(!Eo||!A||!Ce)return;const Se=[];for(let oo=A.parentElement;oo;oo=oo.parentElement)getComputedStyle(oo).overflowY!=="visible"&&Se.push(oo);let _e=0,Oe="";const Ke=()=>{const oo=A.getBoundingClientRect(),Je=A.offsetHeight>0?oo.height/A.offsetHeight:1;let ho=Math.max(oo.top,0),ao=Math.min(oo.bottom,window.innerHeight);Se.forEach(Jo=>{const bt=Jo.getBoundingClientRect();ho=Math.max(ho,bt.top),ao=Math.min(ao,bt.bottom)});const bo=(ho-oo.top)/(Je||1),Po=Math.max(ao-ho,0)/(Je||1),yo=`${Math.round(bo)}/${Math.round(Po)}`;yo!==Oe&&(Oe=yo,Ce.style.top=`${bo}px`,Ce.style.height=`${Po}px`),_e=requestAnimationFrame(Ke)};return Ke(),()=>cancelAnimationFrame(_e)},[Eo]);const T=()=>{const A=Qe.current;uo.current=A?.isConnected&&typeof A.selectionStart=="number"?{element:A,start:A.selectionStart,end:A.selectionEnd??A.selectionStart}:null},m=E&&w!=="bottom",$=r.useElementEntityKind();(0,n.useEffect)(()=>{oe&&te.current&&te.current.focus()},[oe]);const U=(A,Ce)=>{const Se=document.getElementById(Ce);if(Se){const _e=Ce.substring(Ce.indexOf("selected_image_form_")+20),Oe=Se.value?.substring(0,Ge.start),Ke=Se.value?.substring(Ge.end);x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{...e,[_e]:Oe+A+Ke}}),l.setFieldValue(_e,Oe+A+Ke),Se.focus(),setTimeout(()=>{Se.selectionStart=Ge.start,Se.selectionEnd=Ge.start+A.length},400),L(!0)}},ye=r.useAppConfig().mergeTags;(0,n.useEffect)(()=>{ye?.items?.length&&V(r.mapMargeTags(ye.items,i,(A,Ce)=>{ke(!1),k(r.EVENT_TYPES.SANDBOX_ADD_MERGETAG,A),Ce.stopPropagation(),Ce.preventDefault()}))},[ye,V,i,ke,k]);const he=(A,Ce)=>{if(ke(!1),A){const Se=ye.syntax.length>1?me.findIndex(Oe=>Oe.key===Ce[0].key):0,_e=ye.syntax[Se].replace("%value%",A[A.length-1]);$e?.getAttribute("id")==="selected_image_form_title"||$e?.getAttribute("id")==="selected_image_form_alt"||$e?.getAttribute("id")==="selected_image_form_link"||$e?.getAttribute("id")==="selected_image_form_imgReplacer"?U(_e,$e?.getAttribute("id")):(l.setFieldValue("imgReplacer",_e),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:_e}}))}},We=(A,Ce)=>Ce.some(Se=>Se.label.toLowerCase().indexOf(A.toLowerCase())>-1),co=(A,Ce)=>{const Se=Ce.map((_e,Oe)=>{const Ke=_e.label.split(new RegExp(`(${A})`,"gi"));return(0,o.jsxs)("span",{children:[Oe!==0&&(0,o.jsx)("span",{children:" / "}),Ke.map((oo,Je)=>oo.toLowerCase()===A.toLowerCase()?(0,o.jsx)("span",{style:{color:"red"},children:oo},Je):oo)]},_e.value)});return(0,o.jsx)("div",{title:Ce.map(_e=>_e.label).join(" / "),children:Se})},so=r.useRootElement();(0,n.useEffect)(()=>{const A=({target:_e})=>{_e.closest('[id="merge_tags_wrapper"]')||(Qe.current=_e,ze(_e))},Ce=({target:_e})=>{!_e.closest(".merge-tags")&&!_e.closest("#merge_tags_button")&&ke(!1)},Se=new xo.Disposable;return Se.addDisposable(r.addWindowListenerFromShadow(so,"focusin",A)),Se.addDisposable(r.addWindowListenerFromShadow(so,"click",Ce)),()=>{Se.dispose()}},[so]);const mo=({target:A})=>{if(A&&!F){const{selectionStart:Ce,selectionEnd:Se}=A;Ye({start:Ce,end:Se})}L(!1)},ko=e.border,qo=e.mobileBorder,Co=Object.keys(ko).find(A=>ko[A]?.width||ko[A]?.style||ko[A]?.color),Bo=Object.keys(qo).find(A=>qo[A]?.width||qo[A]?.style||qo[A]?.color),ro=A=>A&&(A?.width||A?.style||A?.color)?A:"",{remember:Ro,fillFields:Vo}=st(e);(0,n.useEffect)(()=>{if(e){e.src!==Ve.current&&(Ve.current=e.src,Ae.current=!1);const A=e.boxShadow;if(be(A),e.link&&we(Mt(e.link,"https://")),Vo(l,{...e,link:e.link==null?"https://":e.link,width:e.width?.value,widthDim:e.width?.dim,height:e.height?.value,heightDim:e.height?.dim,borderAll:u(e.border.all),borderTop:u(e.border.top),borderBottom:u(e.border.bottom),borderRight:u(e.border.right),borderLeft:u(e.border.left),mobileBorderAll:ro(e.mobileBorder.all)||!(ro(e.mobileBorder.top)||ro(e.mobileBorder.bottom)||ro(e.mobileBorder.right)||ro(e.mobileBorder.left))&&ro(e.border.all),mobileBorderTop:ro(e.mobileBorder.top)||!ro(e.mobileBorder.all)&&ro(e.border.top),mobileBorderBottom:ro(e.mobileBorder.bottom)||!ro(e.mobileBorder.all)&&ro(e.border.bottom),mobileBorderRight:ro(e.mobileBorder.right)||!ro(e.mobileBorder.all)&&ro(e.border.right),mobileBorderLeft:ro(e.mobileBorder.left)||!ro(e.mobileBorder.all)&&ro(e.border.left),borderRadiusAll:u(e.borderRadius.all),borderRadiusTopLeft:u(e.borderRadius.topLeft),borderRadiusBottomLeft:u(e.borderRadius.bottomLeft),borderRadiusTopRight:u(e.borderRadius.topRight),borderRadiusBottomRight:u(e.borderRadius.bottomRight),boxShadowInset:u(e.boxShadow?.inset)||!1,boxShadowHOffset:u(e.boxShadow?.hOffset),boxShadowVOffset:u(e.boxShadow?.vOffset),boxShadowBlurRadius:u(e.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.boxShadow?.spreadRadius),boxShadowColor:u(e.boxShadow?.color),mobileWidth:po(e.mobileWidth?.value)||e.width?.value,mobileWidthDim:po(e.mobileWidth?.value)?e.mobileWidth?.dim:e.width?.dim,mobileHeight:po(e.mobileHeight?.value)||e.height?.value,mobileHeightDim:po(e.mobileHeight?.value)?e.mobileHeight?.dim:e.height?.dim,mobileBorderRadiusAll:u(e.mobileBorderRadius.all)||u(e.borderRadius.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius?.topLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topLeft)||u(e.borderRadius?.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius?.bottomLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomLeft)||u(e.borderRadius?.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius?.topRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topRight)||u(e.borderRadius?.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius?.bottomRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomRight)||u(e.borderRadius?.all),mobileBoxShadowInset:e.mobileBoxShadow?.inset!=null?e.mobileBoxShadow.inset:e.boxShadow?.inset||!1,mobileBoxShadowHOffset:u(e.mobileBoxShadow?.hOffset)||u(e.boxShadow?.hOffset),mobileBoxShadowVOffset:u(e.mobileBoxShadow?.vOffset)||u(e.boxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.mobileBoxShadow?.blurRadius)||u(e.boxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.mobileBoxShadow?.spreadRadius)||u(e.boxShadow?.spreadRadius),mobileBoxShadowColor:u(e.mobileBoxShadow?.color||e.boxShadow?.color),mobileAlign:u(e.mobileAlign?.value)||e.align,mobileVerticalAlign:u(e.mobileVerticalAlign?.value||e.valign),show:e.show?e.show:"all",altSrc:e.src,video:{source:"",playButton:"youtube_red",...Me.video}}),e.countdown){let _e=new URL("https://emailmaker.ru/?"+e.countdown),Oe=_e.searchParams.get("font1"),Ke=!1,oo=!1;Oe.endsWith("-b")?(Oe=Oe.substring(0,Oe.length-2),Ke=!0):Oe.endsWith("-i")?(Oe=Oe.substring(0,Oe.length-2),oo=!0):Oe.endsWith("-bi")&&(Oe=Oe.substring(0,Oe.length-3),Ke=!0,oo=!0);let Je=_e.searchParams.get("font2"),ho=!1,ao=!1;Je.endsWith("-b")?(Je=Je.substring(0,Je.length-2),ho=!0):Je.endsWith("-i")?(Je=Je.substring(0,Je.length-2),ao=!0):Je.endsWith("-bi")&&(Je=Je.substring(0,Je.length-3),ho=!0,ao=!0),Vo(l,{countdownTime:(0,Oo.default)(new Date(Date.parse(_e.searchParams.get("time"))+_e.searchParams.get("timezone")*36e5+new Date().getTimezoneOffset()/60*36e5).toISOString()),countdownDuration:_e.searchParams.get("frames")||20,countdownTimeZone:_e.searchParams.get("timezone"),countdownLanguage:_e.searchParams.get("locale").replace("-","_"),countdownBackgroundColor:"#"+_e.searchParams.get("bg"),countdownTransparency:_e.searchParams.get("tp")==="true"?"checked":"",countdownNumbersFont:Oe,countdownNumbersFontSize:_e.searchParams.get("size1")/2,countdownNumbersFontSizeDim:"px",countdownNumbersColor:"#"+_e.searchParams.get("color1"),countdownLabelsFont:Je,countdownLabelsFontSize:_e.searchParams.get("size2")/2,countdownLabelsFontSizeDim:"px",countdownLabelsColor:"#"+_e.searchParams.get("color2"),countdownNumbersStrong:Ke,countdownNumbersItalic:oo,countdownLabelsStrong:ho,countdownLabelsItalic:ao})}!u(e.borderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?xe(!1):xe(!0),!u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||!u(e.borderRadius.all)&&!u(e.mobileBorderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?ne(!1):ne(!0);const Ce=s.isStaleBorderSnapshot(e,!!Co),Se=a.isStaleBorderSnapshot(e,!!Bo);Ce&&l.setFieldsValue({border:r.RESET_BORDER_PARAMS,borderAll:null,borderTop:null,borderBottom:null,borderRight:null,borderLeft:null}),(Se||Ce&&!Bo)&&l.setFieldsValue({mobileBorder:r.RESET_BORDER_PARAMS,mobileBorderAll:null,mobileBorderTop:null,mobileBorderBottom:null,mobileBorderRight:null,mobileBorderLeft:null}),se(_e=>Co&&!Ce?!0:_e),q(_e=>Co&&!Ce||Bo&&!Se?!0:_e),X(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),Be(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight||!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),Pe(!!e.boxShadow),Le(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),de(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value||!!e.height.value),e.link?je(e.link):je(Ae.current?"...":""),Ee(e.alt),ee(e.title),M(e.imgReplacer?.length)}},[l,e,Vo,Me,Co,Bo,s,a]),(0,n.useEffect)(()=>{if(Eo)return;const A=uo.current;uo.current=null,!(!A||!A.element.isConnected||A.element.disabled)&&Qe.current===A.element&&(A.element.focus(),A.element.setSelectionRange(A.start,A.end))},[Eo]);const _o=async(A,Ce,Se)=>{const _e={};_e.user_id=_.id,_e.folder=A,Ce&&(Ce=await r.prepareImageForEditorUpload(Ce,c),_e.file=Ce),Se&&(_e.page_url=Se);const Oe=await v(_e);if(Oe.error)f.fromError("IMAGE_UPLOAD_ERROR",Ce,Oe.error,!0);else{const Ke=Oa.extractUploadResult(Oe.data);if(Ke.error)return;if(Ke.file_url)return Ke.file_url}},Ho=(A,Ce)=>new Promise((Se,_e)=>{const Oe=new Image,Ke=new Image;Oe.crossOrigin="Anonymous",Ke.crossOrigin="Anonymous";let oo=Ce?2:1;const Je=()=>{clearTimeout(ao),_e(new Error("video preview images are not loaded"))},ho=()=>{oo-=1,oo===0&&(clearTimeout(ao),Se({frame:Oe,button:Ce?Ke:null}))},ao=setTimeout(Je,un);Oe.onload=ho,Oe.onerror=Je,Oe.src=A,Ce&&(Ke.onload=ho,Ke.onerror=Je,Ke.src=Ce)}),vt=(A,Ce,Se,_e)=>{const Oe=document.createElement("canvas"),Ke=Oe.getContext("2d");if(Oe.width=A.width,Oe.height=A.height,Ke.clearRect(0,0,Oe.width,Oe.height),Ke.drawImage(A,0,0,A.width,A.height),!Ce)return Oe;const oo=Math.min(Oe.width,Oe.height);let Je;if(A.height>A.width)Je=.3;else{const bt=A.width/A.height;Je=Math.min(_e,.3+(bt-1)/(Se-1)*.1)}const ho=oo*Je,ao=Ce.width/Ce.height;let bo,Po;ao>=1?(bo=ho,Po=ho/ao):(Po=ho,bo=ho*ao);const yo=(Oe.width-bo)/2,Jo=(Oe.height-Po)/2;return Ke.drawImage(Ce,yo,Jo,bo,Po),Oe},Lo=A=>new Promise(Ce=>{A.toBlob(Se=>Ce(Se?new File([Se],"image.jpeg",{type:"image/jpeg"}):null),"image/jpg",1)}),It=async A=>{const Ce=l.getFieldsValue(!0).video?.playButton||e.video?.playButton;if(!(!A||!Ce||Ce==="none"||fe)){T(),Ne(!0);try{const{frame:Se,button:_e}=await Ho(A,`${$r}${Ce}.png`),Oe=await Lo(vt(Se,_e,2,.4)),Ke=Oe&&await _o(p,Oe);if(!Ke)return;x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:He.current.type,settings:{src:Ke}}),Pt({...He.current,src:Ke,video:D()||He.current.video,activateSection:null,changeKey:"src"}),setTimeout(()=>{l.setFieldValue("src",Ke)},100)}catch{}finally{Ne(!1)}}},Br=async()=>{const A=D(),Ce=A?.source,Se=A?.playButton;if(!Ce)return;const _e=()=>D()?.source!==Ce;T(),Xe(!0);try{const Oe=await _o("tmp",null,Ce);if(!Oe||_e())return;const{frame:Ke,button:oo}=await Ho(Oe,Se&&Se!=="none"?`${$r}${Se}.png`:null);if(_e())return;const Je=await Lo(vt(Ke,oo,2.5,.35)),ho=Je&&await _o(p,Je);ho&&!_e()&&Sr(ho)}catch{}finally{Xe(!1)}},Ct=A=>{clearTimeout(lo.current),lo.current=setTimeout(()=>{A()},cn)},ni=()=>{const A=l.getFieldsValue(!0);let Ce=new URL("https://cdt3.useblocks.io/rndt?"+e.countdown),Se=A.countdownNumbersFont;A.countdownNumbersStrong&&A.countdownNumbersItalic?Se+="-bi":A.countdownNumbersStrong?Se+="-b":A.countdownNumbersItalic&&(Se+="-i");let _e=A.countdownLabelsFont;A.countdownLabelsStrong&&A.countdownLabelsItalic?_e+="-bi":A.countdownLabelsStrong?_e+="-b":A.countdownLabelsItalic&&(_e+="-i"),Ce.searchParams.set("time",new Date(A.countdownTime.$d-A.countdownTimeZone*36e5-new Date().getTimezoneOffset()/60*36e5).toISOString()),Ce.searchParams.set("bg",A.countdownBackgroundColor.substring(1)||"#FFFFFF"),Ce.searchParams.set("tp",!!A.countdownTransparency),Ce.searchParams.set("font1",Se),Ce.searchParams.set("size1",A.countdownNumbersFontSize*2||12),Ce.searchParams.set("color1",A.countdownNumbersColor.substring(1)||"#000000"),Ce.searchParams.set("font2",_e),Ce.searchParams.set("size2",A.countdownLabelsFontSize*2||8),Ce.searchParams.set("color2",A.countdownLabelsColor.substring(1)||"#959595"),Ce.searchParams.set("spacing",Math.round(A.countdownNumbersFontSize*.4)||5),Ce.searchParams.set("locale",A.countdownLanguage.replace("_","-")),Ce.searchParams.set("timezone",A.countdownTimeZone),Ce.searchParams.set("frames",A.countdownDuration),P({link:JSON.stringify({target:Ce.href})}),T(),H(!0)},Pt=(0,n.useCallback)(A=>{Ro(A),d($==="email"?r.setElementSettings$1(A):r.setElementSettings(A))},[d,$,Ro]),Sr=(0,n.useCallback)((A,Ce)=>{const Se=He.current,_e=r.stripEmVersionFromUrlString(Se.src||"")===r.stripEmVersionFromUrlString(A||"");(!_e||A!==Se.src)&&(x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:Se.type,settings:{src:A}}),Pt({...Se,src:A,...Se.type==="video"?{video:D()||Se.video}:{},activateSection:null,changeKey:"src"}),l.setFieldValue("src",A)),Ce?.mode==="save"&&_e&&(C(Oe=>({name:"src",counter:Oe.counter+1})),k(r.EVENT_TYPES.SANDBOX_IMAGE_RESET,{url:String(A)}))},[l,D,Pt,x,k]),At=(0,n.useCallback)(async A=>{const Ce=e.src||"",Se=r.stripEmVersionFromUrlString(Ce),_e=await h({kind:"img",currentUrl:$t(Se)?"":Se,entryModal:A});_e?.url&&Sr(_e.url,_e.meta)},[Sr,e.src,h]),va=(A,...Ce)=>{const Se=l.getFieldsValue(!0),_e=Object.keys(A)[0];let Oe;switch(_e){case"link":let Ke=ot(A[_e]);Ke!==A[_e]&&l.setFieldValue("link",Ke),Oe={link:Ke};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":Oe={boxShadow:{hOffset:Se.boxShadowHOffset,vOffset:Se.boxShadowVOffset,blurRadius:Se.boxShadowBlurRadius,spreadRadius:Se.boxShadowSpreadRadius,color:Se.boxShadowColor,inset:Se.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":Se.borderPosition==="borderAll"?(Oe={border:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...Se.borderAll}}},l.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER})):Se.borderAll?.width||Se.borderAll?.style||Se.borderAll?.color?(Oe={border:{all:null,left:Se.borderAll,right:Se.borderAll,top:Se.borderAll,bottom:Se.borderAll,[W.REVERSE_BORDER_POSITIONS[_e]]:{...Se[_e],...A[_e]}}},l.setFieldsValue({borderAll:null,borderLeft:Se.borderAll,borderRight:Se.borderAll,borderTop:Se.borderAll,borderBottom:Se.borderAll,[_e]:{...Se[_e],...A[_e]}})):(Oe={border:{all:null,left:Se.borderLeft,right:Se.borderRight,top:Se.borderTop,bottom:Se.borderBottom,[W.REVERSE_BORDER_POSITIONS[_e]]:{...Se[_e],...A[_e]}}},l.setFieldsValue({border:Oe.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if(Se.mobileBorderPosition==="mobileBorderAll")Oe={mobileBorder:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...Se.mobileBorderAll,classNamePrefix:"em-mob-border_"+W.MOBILE_REVERSE_BORDER_POSITIONS[_e]+"-"}}},l.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER});else{const ao=W.MOBILE_REVERSE_BORDER_POSITIONS[_e],bo={...Se[_e],...A[_e]},Po=!bo?.width&&!bo?.style&&!bo?.color;if(Se.mobileBorder?.all?.width||Se.mobileBorder?.all?.style||Se.mobileBorder?.all?.color){const yo=Se.mobileBorderAll;Oe={mobileBorder:{all:null,left:yo,right:yo,top:yo,bottom:yo,[ao]:Po?null:{...bo,classNamePrefix:"em-mob-border_"+ao+"-"}}},l.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:yo,mobileBorderRight:yo,mobileBorderTop:yo,mobileBorderBottom:yo,[_e]:bo})}else{const yo=e.mobileBorder||{},Jo=bt=>{const Nt=yo[bt];return Nt&&(Nt?.width||Nt?.style||Nt?.color)?Nt:null};Oe={mobileBorder:{all:null,left:ao==="left"?Po?null:{...bo,classNamePrefix:"em-mob-border_left-"}:Jo("left"),right:ao==="right"?Po?null:{...bo,classNamePrefix:"em-mob-border_right-"}:Jo("right"),top:ao==="top"?Po?null:{...bo,classNamePrefix:"em-mob-border_top-"}:Jo("top"),bottom:ao==="bottom"?Po?null:{...bo,classNamePrefix:"em-mob-border_bottom-"}:Jo("bottom")}},l.setFieldsValue({[_e]:bo})}}break;case"width":Oe={[_e]:{value:A[_e],dim:Se.widthDim}};break;case"widthDim":Oe={width:{value:Se.width,dim:A[_e]}};break;case"height":Oe={[_e]:{value:A[_e],dim:Se.heightDim}};break;case"heightDim":Oe={height:{value:Se.height,dim:A[_e]}};break;case"borderRadiusAll":Oe={borderRadius:{[W.BORDER_RADIUS_POSITION[_e]]:+A[_e]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":Oe={borderRadius:{topLeft:Se.borderRadiusTopLeft,bottomLeft:Se.borderRadiusBottomLeft,topRight:Se.borderRadiusTopRight,bottomRight:Se.borderRadiusBottomRight,[W.BORDER_RADIUS_POSITION[_e]]:+A[_e]}};break;case"mobileWidth":Oe={[_e]:{classNamePrefix:"em-mob-width-",value:A[_e],dim:Se.mobileWidthDim}};break;case"mobileWidthDim":Oe={mobileWidth:{classNamePrefix:"em-mob-width-",value:Se.mobileWidth||100,dim:A[_e]}};break;case"mobileHeight":Oe={[_e]:{classNamePrefix:"em-mob-height-",value:A[_e],dim:Se.mobileHeightDim}};break;case"mobileHeightDim":Oe={mobileHeight:{classNamePrefix:"em-mob-height-",value:Se.mobileHeight,dim:A[_e]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":Oe={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[_e]]:A[_e],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[_e]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":Oe={mobileBoxShadow:{hOffset:Se.mobileBoxShadowHOffset,vOffset:Se.mobileBoxShadowVOffset,blurRadius:Se.mobileBoxShadowBlurRadius,spreadRadius:Se.mobileBoxShadowSpreadRadius,color:Se.mobileBoxShadowColor,inset:Se.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":Oe={[_e]:{classNamePrefix:"em-mob-text_align-",value:A[_e]}};break;case"mobileVerticalAlign":Oe={[_e]:{classNamePrefix:"em-mob-vertical_align-",value:A[_e]}};break;case"countdownTime":case"countdownTimeZone":case"countdownBackgroundColor":case"countdownNumbersFont":case"countdownNumbersFontSize":case"countdownNumbersColor":case"countdownLabelsFont":case"countdownLabelsFontSize":case"countdownLabelsColor":case"countdownLanguage":case"countdownDuration":case"countdownTransparency":case"countdownNumbersStrong":case"countdownNumbersItalic":case"countdownLabelsStrong":case"countdownLabelsItalic":Ct(ni);break;case"video":{const ao={...e.video,...Se.video,...A.video},bo=ao.source??Se.link;Ct(Br),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"video",settings:{video:ao,link:bo}}),Pt({...e,video:ao,link:bo,activateSection:null,changeKey:"video"});break}case"src":const oo=A[_e],Je=e.src,ho=Se.video?.playButton||e.video?.playButton;if(e.type==="video"&&ho&&ho!=="none"&&!fe&&oo&&(!Je||oo!==Je)){Ct(()=>It(oo));return}Oe=A;break;default:Oe=A}_e!=="borderPosition"&&_e!=="mobileBorderPosition"&&_e.indexOf("countdown")===-1&&_e!=="video"&&(x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:Oe}),_e!=="video"&&_e.indexOf("countdown")===-1&&_e!=="mobileBorderRadiusAll"&&_e!=="mobileBorderRadiusTopLeft"&&_e!=="mobileBorderRadiusTopRight"&&_e!=="mobileBorderRadiusBottomLeft"&&_e!=="mobileBorderRadiusBottomRight"&&Pt({...e,...Oe,mobileBorderRadius:{...e.mobileBorderRadius,...Oe?.mobileBorderRadius},activateSection:null,changeKey:_e}))};(0,n.useEffect)(()=>{j.isError&&(f.error(j),H(!1))},[j]),(0,n.useEffect)(()=>{if(j.isSuccess&&ve){if(j.data.data?.status===400)f.error({title:j.data.code,description:j.data.message});else{let A=new URL(j.data.target),Ce={countdown:{link:j.data.link,params:A.search.substring(1)}};x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:Ce})}H(!1)}},[j,ve,e,f,x]);const Sm=A=>{A.data.operation===r.EVENT_TYPES.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(d(r.closeSecondModal()),d(r.closeModal$1()))};r.useListenPostMessage(Sm),r.useImageControlRequest(e.src,A=>{A===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_AI_POPUP?At(r.MODALS.UPLOAD_IMAGE_MODAL_AI):A===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?At(r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD):A===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_EDIT_POPUP?At(r.MODALS.UPLOAD_IMAGE_MODAL_EDIT):A===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_GIF_POPUP?At(r.MODALS.UPLOAD_IMAGE_MODAL_GIF):A===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_STOCK_POPUP&&At(r.MODALS.UPLOAD_IMAGE_MODAL_STOCK)});const Tm=()=>{const A=l.getFieldsValue(!0);s.markBorderToggled(!ue),setTimeout(()=>{se(Ce=>!Ce),ue?(A.borderAll=W.NULL_BORDER,A.borderTop=W.NULL_BORDER,A.borderBottom=W.NULL_BORDER,A.borderRight=W.NULL_BORDER,A.borderLeft=W.NULL_BORDER):A.borderAll={width:1,color:"#E5E5E5",style:"solid"},x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:A.borderAll.color,style:A.borderAll.style,width:A.borderAll.width}}}})})},Rm=()=>{const A=l.getFieldsValue(!0);a.markBorderToggled(!Z),setTimeout(()=>{q(Ce=>!Ce),Z?(A.mobileBorderAll=W.NULL_BORDER,A.mobileBorderTop=W.NULL_BORDER,A.mobileBorderBottom=W.NULL_BORDER,A.mobileBorderRight=W.NULL_BORDER,A.mobileBorderLeft=W.NULL_BORDER):A.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:A.mobileBorderAll.color,style:A.mobileBorderAll.style,width:A.mobileBorderAll.width}}}})})},ym=()=>{const A=l.getFieldsValue(!0);setTimeout(()=>{X(Ce=>!Ce),G?(A.borderRadiusAll=0,xe(!0)):A.borderRadiusAll=5,x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:A.borderRadiusAll}}})})},wm=()=>{const A=l.getFieldsValue(!0);setTimeout(()=>{Be(Ce=>!Ce),ie?(A.mobileBorderRadiusAll=null,ne(!0)):A.mobileBorderRadiusAll=5,x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:A.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},jm=()=>{const A=l.getFieldsValue(!0);setTimeout(()=>{Pe(Ce=>!Ce),ge?(A.boxShadowInset=!1,A.boxShadowHOffset=null,A.boxShadowVOffset=null,A.boxShadowBlurRadius=null,A.boxShadowSpreadRadius=null,A.boxShadowColor=""):(A.boxShadowInset=!1,A.boxShadowHOffset=5,A.boxShadowVOffset=5,A.boxShadowBlurRadius=10,A.boxShadowSpreadRadius=-5,A.boxShadowColor="#000000"),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:A.boxShadowBlurRadius,color:A.boxShadowColor,hOffset:A.boxShadowHOffset,inset:A.boxShadowInset,spreadRadius:A.boxShadowSpreadRadius,vOffset:A.boxShadowVOffset}}})})},vm=()=>{const A=l.getFieldsValue(!0);setTimeout(()=>{Le(Ce=>!Ce),Re?(A.mobileBoxShadowInset=!1,A.mobileBoxShadowHOffset=null,A.mobileBoxShadowVOffset=null,A.mobileBoxShadowBlurRadius=null,A.mobileBoxShadowSpreadRadius=null,A.mobileBoxShadowColor=""):(A.mobileBoxShadowInset=!1,A.mobileBoxShadowHOffset=5,A.mobileBoxShadowVOffset=5,A.mobileBoxShadowBlurRadius=10,A.mobileBoxShadowSpreadRadius=-5,A.mobileBoxShadowColor="#000000"),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:A.mobileBoxShadowBlurRadius,color:A.mobileBoxShadowColor,hOffset:A.mobileBoxShadowHOffset,inset:A.mobileBoxShadowInset,spreadRadius:A.mobileBoxShadowSpreadRadius,vOffset:A.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},Im=()=>{const A=l.getFieldsValue(!0);setTimeout(()=>{de(Ce=>!Ce),K&&(A.mobileWidth="",A.mobileHeight="",x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},Ia=()=>{Fe?(Ae.current=!1,je(""),l.setFieldValue("link",""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{link:""}})):(Ae.current=!0,je(Y.current&&Y.current.input.value?Y.current.input.value:"..."),setTimeout(()=>{Y.current.focus()}))},Ca=A=>{A.target.value===""?je("..."):(z.current.classList.add("selected-td-form__button--active"),je(A.target.value)),Wo(A.target.value,we)},Pa=()=>{const A=l.getFieldsValue(!0);le?(Ee(""),A.alt="",x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{alt:""}})):(Ee(O.current&&O.current.input.value?O.current.input.value:"..."),setTimeout(()=>{O.current.focus()}))},Aa=A=>{A.target.value===""?Ee("..."):(N.current.classList.add("selected-td-form__button--active"),Ee(A.target.value))},Na=()=>{const A=l.getFieldsValue(!0);ce?(ee(""),A.title="",x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{title:""}})):(ee(S.current&&S.current.input.value?S.current.input.value:"..."),setTimeout(()=>{S.current.focus()}))},Cm=()=>{M(!y),y?(l.setFieldValue("imgReplacer",""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:""}})):setTimeout(()=>J.current.focus())},Pm=A=>{A.target.value!==""&&re.current.classList.add("selected-td-form__button--active")},La=A=>{A.target.value===""?ee("..."):(Q.current.classList.add("selected-td-form__button--active"),ee(A.target.value))},Am=A=>{l.setFieldValue("link",A!=="mergetag"?A:""),we(A)};return(0,o.jsxs)(t.ui_kit$Form,{form:l,layout:"vertical",name:"selected_image_form",initialValues:{src:"",width:"",height:"",widthDim:"",heightDim:"",alt:"",align:"left",border:"",boxShadow:"",show:"all",borderPosition:W.BORDER_POSITIONS[Co]||"borderAll",mobileBorderPosition:W.MOBILE_BORDER_POSITIONS[Bo]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"left",mobileVerticalAlign:"",link:"https://",imgReplacer:"",countdownNumbersStrong:!1,countdownNumbersItalic:!1,countdownLabelsStrong:!1,countdownLabelsItalic:!1,video:{source:"",playButton:"youtube_red"}},onValuesChange:va,autoComplete:"off",disabled:Eo,className:Eo?"element-controls selected-image-form_busy":"element-controls",children:[Eo&&(0,o.jsx)("div",{className:"selected-image-form__loader",ref:B,children:(0,o.jsxs)("div",{className:"selected-image-form__loader-body",children:[(0,o.jsx)(t.ui_kit$Spin,{size:"large"}),(0,o.jsx)("div",{className:"selected-image-form__loader-title",children:Me.type==="countdown"?i("Preparing countdown preview…"):i("Preparing video preview…")})]})}),!m&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),b==="mobile"&&R.styles?(0,o.jsxs)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:[(0,o.jsx)(Or,{form:l,elementSettings:e,boxShadow:pe,mobileBordersShow:Z,mobileBorderRadiusShow:ie,mobileBoxShadowShow:Re,mobileSizeShow:K,oneMobileBorderRadiusValue:Ie,setOneMobileBorderRadiusValue:ne,hasLink:Fe,hasAlt:le,hasTitle:ce,linkInputRef:Y,linkButtonRef:z,altInputRef:O,altButtonRef:N,titleInputRef:S,titleButtonRef:Q,linkInputHandler:Ca,altButtonHandler:Pa,altInputHandler:Aa,titleButtonHandler:Na,titleInputHandler:La,linkButtonHandler:Ia,toggleShowMobileBorderHandler:Rm,toggleShowMobileBorderRadiusHandler:wm,toggleShowMobileBoxShadowHandler:vm,toggleShowMobileSizeHandler:Im})," "]}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(Lr,{form:l,elementSettings:e,boxShadow:pe,bordersShow:ue,borderRadiusShow:G,boxShadowShow:ge,oneBorderRadiusValue:ae,setOneBorderRadiusValue:xe,hasLink:Fe,hasAlt:le,hasTitle:ce,isOpenSrcReplacer:y,mergeTagItems:me,mergeMenuOpen:oe,setMergeMenuOpen:ke,cascaderRef:te,linkInputRef:Y,linkButtonRef:z,altInputRef:O,altButtonRef:N,titleInputRef:S,titleButtonRef:Q,srcReplacerInputRef:J,srcReplacerButtonRef:re,linkProtocol:Te,handleLinkProtocolsChange:Am,linkButtonHandler:Ia,linkInputHandler:Ca,altButtonHandler:Pa,altInputHandler:Aa,titleButtonHandler:Na,titleInputHandler:La,srcReplacerButtonHandler:Cm,srcInputHandler:Pm,handleSelect:mo,onChange:he,filter:We,renderSearchOption:co,handleChangeValues:va,toggleShowBorderHandler:Tm,toggleShowBorderRadiusHandler:ym,toggleShowBoxShadowHandler:jm})})]})};Fr.propTypes={elementSettings:g.default.object.isRequired};var Mr=()=>{const{__:e}=r.useI18n();return(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:e("The font-size CSS property sets the size of the font."),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileFontSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,placeholder:e("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})},it=({form:e,elementSettings:i,imgParent:l=!1,name:s="align",setAlignStateHandle:a=()=>{},withHotKeys:d=!0})=>{const{__:c}=r.useI18n(),p=r.useSendPostMessage(),f=r.useAppConfig(),[x,k]=(0,n.useState)(null);(0,n.useEffect)(()=>{globalThis?.navigator?.userAgent.includes("Macintosh")&&k(!0)},[]);const h=v=>{a(v),e.setFieldsValue({[s]:v}),p({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{[s]:v}})},b=d?{alignLeft:c("Text align left ( ⌘+Shift+L )"),alignCenter:c("Text align center ( ⌘+Shift+E )"),alignRight:c("Text align right ( ⌘+Shift+R )"),alignJustify:c("Text align justify ( ⌘+Shift+J )")}:void 0,R=d?{alignLeft:c("Text align left ( Ctrl+Shift+L )"),alignCenter:c("Text align center ( Ctrl+Shift+E )"),alignRight:c("Text align right ( Ctrl+Shift+R )"),alignJustify:c("Text align justify ( Ctrl+Shift+J )")}:void 0,_=d?x?b:R:void 0,E=i[s],w=typeof E=="string"?E:"";return(0,o.jsx)(t.ui_kit$Form.Item,{name:s,children:(0,o.jsx)(t.ui_kit$FormAlignTextControl,{value:w,onChange:h,disabled:l&&!i.parent,strokeWidth:f?.iconStrokeWidth,labels:_})})},qe=({form:e,elementSettings:i,name:l,icon:s,tooltipTitle:a=null,showTooltip:d=!0,forceInactive:c=!1})=>{const{__:p}=r.useI18n(),f=e.getFieldValue(l),x=r.useSendPostMessage(),[k,h]=(0,n.useState)(i[l]);(0,n.useEffect)(()=>{i[l]!==e.getFieldValue(l)&&(e.setFieldValue(l,i[l]),h(i[l]))},[i,e,l]),(0,n.useEffect)(()=>{k!==f&&h(f)},[f,k,l]);const b=()=>{const R={[l]:!k};e.setFieldValue(l,!k),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:R}),l==="textSuperscript"?e.setFieldValue("textSubscript",!1):l==="textSubscript"&&e.setFieldValue("textSuperscript",!1),h(_=>!_)};return(0,o.jsx)(t.ui_kit$Form.Item,{name:l,children:d?(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:a||p(l.substring(4)),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":k&&!c}),onClick:b,children:s})}):(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":k&&!c}),onClick:b,children:s})})};qe.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,tooltipTitle:g.default.string,imgParent:g.default.bool};var Dr=()=>{const{__:e}=r.useI18n();return[{symbol:"•",code:"&bull;",description:e("Bullet")},{symbol:"+",code:"&plus;",description:e("Plus")},{symbol:"»",code:"&raquo;",description:e("Double quotation")},{symbol:"×",code:"&times;",description:e("Cross")},{symbol:"–",code:"&mdash;",description:e("Dash")},{symbol:"›",code:"&rsaquo;",description:e("Single quotation")},{symbol:"→",code:"&rarr;",description:e("Arrow")},{symbol:"⇒",code:"&rArr;",description:e("Double arrow")},{symbol:"►",code:"&blacktriangleright;",description:e("Pointer")},{symbol:"−",code:"&minus;",description:e("Minus")},{symbol:"∗",code:"&lowast;",description:e("Star")},{symbol:"♦",code:"&diams;",description:e("Diamond")}]},mn=(e,i="#c6c3c3",l={},s)=>{const{symbolSize:a="25px",marginRight:d="5px",marginBottom:c="5px",textStyle:p={whiteSpace:"normal",lineHeight:"1.2"}}=l;return e.map(f=>({value:f.code,label:(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,o.jsx)("span",{style:{color:i||"#c6c3c3",marginRight:d,marginBottom:c,fontSize:a,lineHeight:"0.7",width:a,textAlign:"center",...p},children:f.symbol}),(0,o.jsx)("span",{style:p,children:f.description})]})}))},gt=({form:e,fillFields:i,elementSettings:l,showAddParagraph:s=!0,isButton:a=!1,linkProtocol:d,setLinkProtocol:c,linkTarget:p,isBulletFontColorChecked:f=!1,setIsBulletFontColorChecked:x=()=>{},showTopDivider:k=!0})=>{const{__:h}=r.useI18n(),b=W.useGoogleFontsLoader(),{token:R}=(0,t.ui_kit$useToken)(),_=r.useNotification(),E=r.useSendPostMessage(),w=r.useSendPostMessageEx(),v=r.useAppConfig(),P=(0,n.useRef)(),j=(0,n.useRef)(null),I=(0,n.useRef)(null),C=(0,n.useRef)(null),Y=(0,n.useRef)(!1),z=l,[O,N]=(0,n.useState)(!!z.textReplacer?.length),[S,Q]=(0,n.useState)(!!z.textAnchor?.length),[J,re]=(0,n.useState)(null),[te,pe]=(0,n.useState)({start:0,end:0}),[be,ae]=(0,n.useState)(!1),[xe,Ie]=(0,n.useState)([]),[ne,Fe]=(0,n.useState)(z.list?.bulletsColor),[je,le]=(0,n.useState)(l);l!==je&&(le(l),Fe(z.list?.bulletsColor),N(!!z.textReplacer?.length),Q(!!z.textAnchor?.length));const[Ee,ce]=(0,n.useState)(!1),[ee,ue]=(0,n.useState)(!1),se=(0,n.useRef)(null),Z=(0,n.useRef)(""),q=Dr(),G=(0,n.useMemo)(()=>q,[]),X={textColor:t.ui_kit$Form.useWatch("textColor",e),textLink:t.ui_kit$Form.useWatch("textLink",e),linkHref:t.ui_kit$Form.useWatch("linkHref",e),listUL:t.ui_kit$Form.useWatch("listUL",e),listOL:t.ui_kit$Form.useWatch("listOL",e)};(0,n.useEffect)(()=>{a&&l?.textColor!==void 0&&e.setFieldValue("textColor",l.textColor)},[a,l?.textColor,e]);let ie=null;(0,n.useEffect)(()=>{if(X?.textColor&&f){const L=e.getFieldValue("textColor");E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{ColorBullets:L}})}},[X?.textColor]),(0,n.useEffect)(()=>{const L=e.getFieldValue("textLink");typeof l.linkHref=="string"&&ce(!0),se&&!L&&(ce(!1),e.setFieldsValue({linkHref:null})),se.current=L||null},[X?.textLink,X?.linkHref,l.linkHref,e]),(0,n.useEffect)(()=>{const L=e.getFieldValue("listUL"),y=e.getFieldValue("listOL");L&&Z.current!=="listUL"?(e.setFieldValue("listOL",!1),Z.current="listUL"):y&&Z.current!=="listOL"&&(e.setFieldValue("listUL",!1),Z.current="listOL"),!L&&!y&&(Z.current="")},[X?.listUL,X?.listOL,e]);const Be=L=>{L.data.operation===r.EVENT_TYPES.APPLICATION_FOCUS_IN_IFRAME&&re(null)};r.useListenPostMessage(Be);const[ge,Pe]=(0,n.useState)(null);(0,n.useEffect)(()=>{window?.navigator?.userAgent.includes("Macintosh")&&Pe(!0)},[]);const Re=(0,n.useRef)(null);function Le(L){const y=L.key.toLowerCase();let M=!1;return((ie==="control"||ie==="meta")&&(y==="a"||y==="A")||(ie==="a"||ie==="A")&&(y==="control"||y==="meta"))&&(M=!0),ie=y,y!=="control"&&y!=="a"&&y!=="A"&&y!=="meta"&&(ie=null),M}const K=L=>{E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_TEXT,action:L,locale:"en_US"}),_.success({title:h("It`s done!")})},de=[{key:"1",label:h("This element"),onClick:()=>K("typograf")},{key:"2",label:h("The whole email"),onClick:()=>K("typograf_all")}],[ve,H]=(0,n.useState)(),[Te,we]=(0,n.useState)(!1);(0,n.useEffect)(()=>{const L=mn(G,ne,{});Ie(L)},[G,ne]),(0,n.useEffect)(()=>{const L=l.linkHref||l.href;L&&Wo(L,c);const y=l.linkHref||l.href,M=y&&Bi(y)?y.slice(1):y||"https://";(i??((fe,Ne)=>fe.setFieldsValue(Ne)))(e,{linkHref:M})},[e,l,c,i]);const Ae=r.useAppConfig().mergeTags;(0,n.useEffect)(()=>{Ae?.items?.length&&H(r.mapMargeTags(Ae.items,h,(L,y)=>{we(!1),w(r.EVENT_TYPES.SANDBOX_ADD_MERGETAG,L),y.stopPropagation(),y.preventDefault()}))},[Ae,H,h,we,w]);const Ve=L=>{e.setFieldValue("linkHref",L!=="mergetag"?L:""),c(L)},Me=(L,y)=>{if(we(!1),L){const M=Ae.syntax.length>1?ve.findIndex(Ne=>Ne.key===y[0].key):0,fe=Ae.syntax[M].replace("%value%",L[L.length-1]);if(J?.getAttribute("id")==="selected_button_form_href"||J?.getAttribute("id")==="selected_text_form_linkHref"||J?.getAttribute("id")==="selected_text_form_textReplacer")ke(fe,J?.getAttribute("id"));else{e.setFieldValue("textReplacer",fe);const Ne=Date.now();E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{textReplacer:`${fe}~~${Ne}`}})}}},He=(L,y)=>y.some(M=>M.label.toLowerCase().indexOf(L.toLowerCase())>-1),D=(L,y)=>{const M=y.map((fe,Ne)=>{const eo=fe.label.split(new RegExp(`(${L})`,"gi"));return(0,o.jsxs)("span",{children:[Ne!==0&&(0,o.jsx)("span",{children:" / "}),eo.map((Xe,lo)=>Xe.toLowerCase()===L.toLowerCase()?(0,o.jsx)("span",{style:{color:"red"},children:Xe},lo):Xe)]},fe.value)});return(0,o.jsx)("div",{title:y.map(fe=>fe.label).join(" / "),children:M})};(0,n.useEffect)(()=>{Te&&Re.current&&Re.current.focus()},[Te]);const me=r.useRootElement();(0,n.useEffect)(()=>{const L=({target:fe})=>{fe.closest('[id="merge_tags_wrapper"]')||re(fe)},y=({target:fe})=>{!fe.closest(".merge-tags")&&!fe.closest("#merge_tags_button")&&we(!1)},M=new xo.Disposable;return M.addDisposable(r.addWindowListenerFromShadow(me,"focusin",L)),M.addDisposable(r.addWindowListenerFromShadow(me,"click",y)),()=>{M.dispose()}},[me]);const V=(0,n.useCallback)(()=>{const L=window.getSelection();L&&L.toString().length>0&&(Y.current=!0)},[]),oe=(0,n.useCallback)(({target:L})=>{if(L&&!be){const{selectionStart:y,selectionEnd:M}=L;pe({start:y,end:M})}ae(!1)},[be]);(0,n.useEffect)(()=>oe({target:p?.target}),[p,oe]);const ke=(L,y)=>{const M=document.getElementById(y);if(M){const fe=M.value?.substring(0,te.start),Ne=M.value?.substring(te.end),eo=y.substring(y.lastIndexOf("_")+1);E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{[eo]:fe+L+Ne}}),e.setFieldValue(eo,fe+L+Ne),M.focus(),setTimeout(()=>{M.selectionStart=te.start,M.selectionEnd=te.start+L.length},400),ae(!0)}},$e=()=>{N(!O),O?(e.setFieldValue("textReplacer",""),E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{textReplacer:""}})):setTimeout(()=>j.current.focus())},ze=L=>{L.target.value!==""&&I.current?.classList.add("selected-td-form__button--active")},Ge=(L="unknown")=>{Q(!S),S?(e.setFieldValue("textAnchor",""),E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{textAnchor:""}})):setTimeout(()=>C.current?.focus())},Ye=L=>{const y=L.target,M=y.value,fe=y.selectionStart,Ne=Le(L);if(Y.current&&fe===0&&E({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:l.type,settings:{textReplacer:`${M}~`}}),Y.current=Ne,fe===0&&L.key===" "){L.preventDefault();return}if(L.key===" "){if(fe!==M.length){L.preventDefault();return}M.endsWith(" ")&&L.preventDefault()}},F=L=>{Fe(L),f&&x(!1)};return(0,o.jsxs)(o.Fragment,{children:[s&&!l.showOnMobile&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Row,{gutter:20,style:{paddingBottom:4},children:(0,o.jsx)(t.ui_kit$Col,{span:12,gutter:20,children:(0,o.jsx)(it,{form:e,elementSettings:l,name:"textAlign"})})})}),v.formTextFieldTypografEnabled&&!a||v.mergeTagsShow&&ve?(0,o.jsx)(t.ui_kit$FormSection,{title:null,dividerTop:k,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginTop:4},children:[v.formTextFieldTypografEnabled&&!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"AddImage",style:{marginBottom:R.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"AddImage",component:t.icons$AddImage}),onClick:()=>K("add_img"),style:{width:"100%"},children:h("Add image")})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"Typography",style:{marginBottom:R.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Dropdown,{arrow:!0,menu:{items:de},trigger:["hover"],placement:"bottom",getPopupContainer:L=>L.closest(".selected-element-panel"),children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"Typograf",component:t.icons$Typograf}),onClick:()=>K("typograf"),style:{width:"100%"},children:h("Typography")})})})})]}),v.mergeTagsShow&&ve&&(0,o.jsxs)(t.ui_kit$Col,{span:24,id:"merge_tags_wrapper",style:{marginBottom:R.formItemMarginBottomXS},children:[(0,o.jsx)(t.ui_kit$Button,{id:"merge_tags_button",icon:(0,o.jsx)(r.EmIcons,{icon:"MergeTags",component:t.icons$MergeTags}),style:{width:"100%",display:Te?"none":"inline-flex"},onClick:()=>we(!0),children:h("Merge tags")}),(0,o.jsx)(t.ui_kit$Cascader,{ref:Re,classNames:{popup:{root:"merge-tags"}},options:ve,placeholder:h("Start typing the title"),showSearch:{filter:He,render:D},spellCheck:"false",getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),onChange:Me,style:{display:Te?"block":"none",width:"100%"},open:Te,onKeyDown:L=>{L.key==="Escape"&&we(!1)}})]})]})}):null,(0,o.jsxs)(t.ui_kit$FormSection,{title:null,dividerTop:k||v.formTextFieldTypografEnabled&&!a,bodyStyle:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Text font"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontFamily",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{textEditor:!0,loadGoogleFonts:b,getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper")})})}),!l.showOnMobile&&(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontSize",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,placeholder:h("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Line height"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"lineHeight",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:10,max:110,placeholder:h("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]}),(0,o.jsx)(t.ui_kit$Row,{gutter:10,style:{marginBottom:10,marginTop:5},children:(0,o.jsxs)(t.ui_kit$Col,{span:24,children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:-10},children:[a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsxs)("div",{className:"selected-text-common-form__format-toolbar",children:[(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textStrong",tooltipTitle:h(ge?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-text-common-form__icon-radius"})}),(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textItalic",tooltipTitle:h(ge?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-text-common-form__icon-radius"})}),(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textUnderline",tooltipTitle:h(ge?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-text-common-form__icon-radius"})})]})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Text color"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",rules:[{message:h("Please set the font color")}],className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:h("Color"),usedColors:l.usedColors})})})})]}),!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textStrong",tooltipTitle:h(ge?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textItalic",tooltipTitle:h(ge?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textUnderline",tooltipTitle:h(ge?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-text-common-form__icon-radius"})})}),l?.list?.isList&&(0,o.jsxs)(t.ui_kit$Col,{span:3,children:["                ",(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textStrikethrough",tooltipTitle:h(ge?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-text-common-form__icon-radius"})})]}),!l?.list?.isList&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"listUL",tooltipTitle:h("Unordered list"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnorderedListOutlined",component:t.icons$UnorderedListOutlined,className:"selected-td-form__icon-radius"}),onSelect:oe})}),!l?.list?.isList&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"listOL",tooltipTitle:h("Ordered list"),icon:(0,o.jsx)(r.EmIcons,{icon:"OrderedListOutlined",component:t.icons$OrderedListOutlined,className:"selected-td-form__icon-radius"}),onSelect:oe})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textSuperscript",tooltipTitle:h("Text superscript"),icon:(0,o.jsx)(r.EmIcons,{icon:"Superscript",component:t.icons$Superscript})})}),l?.list?.isList&&(0,o.jsxs)(t.ui_kit$Col,{span:3,children:["                ",(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textSubscript",tooltipTitle:h("Text subscript"),icon:(0,o.jsx)(r.EmIcons,{icon:"Subscript",component:t.icons$Subscript})})]}),s&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,className:(0,De.default)("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":typeof l.linkHref=="string"}),elementSettings:l,name:"textLink",forceInactive:!!l.textAnchor,tooltipTitle:h("Link"),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-text-common-form__icon-radius"}),onSelect:oe})}),l?.list?.isList&&v.formTextFieldReplacerEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:h("Text replacer"),placement:"bottom",getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button ant-form-item",{"selected-td-form__button--active":O}),icon:(0,o.jsx)(r.EmIcons,{icon:"Replacer",component:t.icons$Replacer,className:"selected-td-form__icon-radius"}),onClick:$e,ref:I})})}),(!l?.list?.isList||s&&l?.list?.isList)&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:h("More options"),placement:"bottom",getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button ant-form-item",{"selected-td-form__button--active":ee||S}),icon:(0,o.jsx)(r.EmIcons,{icon:"DotsHoriz",component:t.icons$DotsHoriz,className:"selected-td-form__icon-radius"}),onClick:()=>ue(!ee)})})})]})]}),!a&&ee&&(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[!l?.list?.isList&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Col,{span:3,children:["                ",(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textStrikethrough",tooltipTitle:h(ge?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-text-common-form__icon-radius"})})]}),(0,o.jsxs)(t.ui_kit$Col,{span:3,children:["                ",(0,o.jsx)(qe,{form:e,elementSettings:l,name:"textSubscript",tooltipTitle:h("Text subscript"),icon:(0,o.jsx)(r.EmIcons,{icon:"Subscript",component:t.icons$Subscript})})]}),v.formTextFieldReplacerEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:h("Text replacer"),placement:"bottom",getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button ant-form-item",{"selected-td-form__button--active":O}),icon:(0,o.jsx)(r.EmIcons,{icon:"Replacer",component:t.icons$Replacer,className:"selected-td-form__icon-radius"}),onClick:$e,ref:I})})})]}),s&&(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:h("Anchor"),placement:"bottom",getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button ant-form-item",{"selected-td-form__button--active":S}),icon:(0,o.jsx)(r.EmIcons,{icon:"Anchor",component:t.icons$Anchor,className:"selected-text-common-form__icon-radius"}),onMouseDown:L=>{L.preventDefault(),Ge("mouseDown")}})})})]}),s&&typeof l.linkHref=="string"&&Ee&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(et,{show:d==="#",__:h,style:{marginBottom:R.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h(d==="#"?"Anchor name":"The URL that the hyperlink directs to."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"linkHref",style:{marginBottom:d==="mailto:"?R.formItemMarginBottomXS:""},children:(0,o.jsx)(t.ui_kit$Input,{ref:P,addonBefore:(0,o.jsx)(Zo,{linkProtocol:d,handleLinkProtocolsChange:Ve,__:h}),allowClear:!0,placeholder:h(d==="#"?"Anchor name":"Hyperlink URL"),autoFocus:l?.isNewLink,onSelect:oe,prefix:(0,o.jsx)(Qo,{linkProtocol:d})})})}),d==="mailto:"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:"subject",style:{marginBottom:R.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:h("Subject"),onSelect:oe})}),(0,o.jsx)(t.ui_kit$Form.Item,{name:"body",style:{marginBottom:R.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$TextArea,{rows:3,placeholder:h("Body"),onSelect:oe})})]})]}),s&&S&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Anchor name"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textAnchor",children:(0,o.jsx)(t.ui_kit$Input,{placeholder:h("Anchor name"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content addon-text-content--icon",title:h("Anchor"),"aria-hidden":!0,children:(0,o.jsx)(r.EmIcons,{icon:"Anchor",component:t.icons$Anchor,className:"selected-text-common-form__icon-radius",size:18})}),ref:C,onSelect:oe,onBlur:()=>{e.getFieldValue("textAnchor")?.trim()||Q(!1)}})})}),!a&&O&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textReplacer",children:(0,o.jsx)(t.ui_kit$Input,{placeholder:h("The code that will replace this text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:h("Text")}),onChange:ze,onKeyDown:Ye,onDoubleClick:V,ref:j,onSelect:oe})})})]})}),!a&&(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Text color"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",rules:[{message:h("Please set the font color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:h("Color"),usedColors:l.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Text background"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textBackgroundColor",rules:[{message:h("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:h("Background color"),usedColors:l.usedColors})})})})]})]}),!a&&l?.list?.isList&&(0,o.jsxs)(t.ui_kit$FormSection,{title:h("List settings"),dividerTop:!0,children:[l?.list?.listType==="OL"&&(0,o.jsx)(t.ui_kit$Row,{children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Bullets font"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"BulletsFontFamily",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{textEditor:!0,loadGoogleFonts:b,getPopupContainer:L=>L.closest(".email-pane__collapse-wrapper"),style:{marginTop:"-9px"}})})})})}),(0,o.jsx)(t.ui_kit$Row,{gutter:[10],children:l?.list?.listType==="UL"&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Bullets type"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"BulletType",className:"bullet-type",children:(0,o.jsx)(t.ui_kit$Select,{size:"medium",placeholder:h("Bullets type"),onClick:L=>L.stopPropagation(),options:xe})})})})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:[10],children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Bullets color"),placement:"bottom",zIndex:1,getPopupContainer:L=>L.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"ColorBullets",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:h("Bullets color"),usedColors:l.usedColors,disabled:f,onChange:F,externalValue:f?X?.textColor:void 0})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Bullets size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"BulletsSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,defaultValue:l?.list?.bulletFontSize,placeholder:h("Bullets size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})})]}),l?.list?.listType==="OL"&&(0,o.jsxs)(t.ui_kit$Row,{children:[(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"BulletTextStrong",tooltipTitle:h(ge?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"BulletTextItalic",tooltipTitle:h(ge?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"BulletTextStrikethrough",tooltipTitle:h(ge?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:l,name:"BulletTextUnderline",tooltipTitle:h(ge?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-text-common-form__icon-radius"})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:[10],style:{marginTop:"-8px"},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Between list items"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"SpacingBetweenParagraphs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:5,max:100,placeholder:h("Between list items"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnHeightOutlined",component:t.icons$ColumnHeightOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:h("Between bullets and text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"SpacingBetweenBulletsAndText",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:1,max:100,placeholder:h("Between bullets and text"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:"px"})})})})]})]})]})},Ri=({form:e,elementSettings:i,showAddParagraph:l=!0,isButton:s=!1})=>{const{__:a}=r.useI18n(),d=W.useGoogleFontsLoader(),c=r.useSendPostMessage(),p=r.useDispatch(),f=r.useElementEntityKind(),x=r.useAppConfig(),[k,h]=(0,n.useState)(null);(0,n.useEffect)(()=>{window?.navigator?.userAgent.includes("Macintosh")&&h(!0)},[]);const b=P=>{c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_TEXT,action:P,locale:"en_US"})},[R,_]=(0,n.useState)(i.textAlign),[E,w]=(0,n.useState)(i.linkHref),v=P=>_(P);return(0,n.useEffect)(()=>{_(i.textAlign),w(i.linkHref)},[i]),(0,o.jsx)("div",{className:"selected_text_common_form_mobile",children:(0,o.jsxs)(t.ui_kit$Space,{size:"8",separator:(0,o.jsx)(t.ui_kit$Divider,{orientation:"vertical"}),children:[(0,o.jsxs)(t.ui_kit$Space,{size:8,className:"selected_text_common_form_mobile__group",children:[(0,o.jsx)("div",{style:{width:190},children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Text font"),placement:"bottom",zIndex:1,getPopupContainer:P=>P.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontFamily",children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{textEditor:!0,loadGoogleFonts:d,getPopupContainer:P=>P.closest(".selected_text_common_form_mobile")})})})}),(0,o.jsx)("div",{style:{width:90},children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,placeholder:a("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)("div",{style:{width:90},children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Line height"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"lineHeight",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:10,max:110,placeholder:a("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]}),(0,o.jsxs)(t.ui_kit$Space,{size:8,className:"selected_text_common_form_mobile__group",children:[(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textStrong",tooltipTitle:a(k?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-td-form__icon-radius"})}),(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textItalic",tooltipTitle:a(k?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-td-form__icon-radius"})}),(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textStrikethrough",tooltipTitle:a(k?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-td-form__icon-radius"})}),(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textUnderline",tooltipTitle:a(k?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-td-form__icon-radius"})})]}),(0,o.jsxs)(t.ui_kit$Space,{size:8,className:"selected_text_common_form_mobile__group",children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Text color"),placement:"bottom",zIndex:1,getPopupContainer:P=>P.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",rules:[{message:a("Please set the font color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:a("Color"),usedColors:i.usedColors,getPopupContainer:P=>P.closest(".selected_text_common_form_mobile")})})}),!s&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Text background"),placement:"bottom",zIndex:1,getPopupContainer:P=>P.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textBackgroundColor",rules:[{message:a("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:a("Background color"),usedColors:i.usedColors})})})})]}),l&&(0,o.jsx)(t.ui_kit$Space,{size:8,className:"selected_text_common_form_mobile__group",children:(0,o.jsxs)(o.Fragment,{children:[typeof E=="string"?(0,o.jsx)(t.ui_kit$Dropdown,{arrow:!0,popupRender:()=>(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("The URL that the hyperlink directs to."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"linkHref",children:(0,o.jsx)(t.ui_kit$Input,{allowClear:!0,placeholder:a("Hyperlink URL"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined}),autoFocus:i?.isNewLink})})}),classNames:{root:"codemode-textalign-dropdown"},styles:{root:{left:520,top:52,transform:"translateX(0)",marginLeft:57}},trigger:["hover"],placement:"bottom",getPopupContainer:P=>P.closest(".selected_text_common_form_mobile"),children:(0,o.jsx)("div",{children:(0,o.jsx)(qe,{form:e,className:"selected-td-form__button selected-td-form__button_style selected-td-form__button--active",elementSettings:i,name:"textLink",icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-td-form__icon-radius"}),showTooltip:!1})})}):(0,o.jsx)(qe,{form:e,className:"selected-td-form__button selected-td-form__button_style",elementSettings:i,name:"textLink",tooltipTitle:a("Link"),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-td-form__icon-radius"})}),(0,o.jsx)(t.ui_kit$Dropdown,{arrow:!0,popupRender:()=>(0,o.jsx)(it,{form:e,elementSettings:i,name:"textAlign",setAlignStateHandle:v}),classNames:{root:"codemode-textalign-dropdown"},styles:{root:{left:615,top:52,transform:"translateX(0)",marginLeft:57}},trigger:["hover"],placement:"bottom",getPopupContainer:P=>P.closest(".selected_text_common_form_mobile"),children:(0,o.jsx)(t.ui_kit$Button,{icon:R==="right"?(0,o.jsx)(r.EmIcons,{icon:"AlignRightOutlined",component:t.icons$AlignRightOutlined,size:18,strokeWidth:x.iconStrokeWidth}):R==="center"?(0,o.jsx)(r.EmIcons,{icon:"AlignCenterOutlined",component:t.icons$AlignCenterOutlined,size:18,strokeWidth:x.iconStrokeWidth}):(0,o.jsx)(r.EmIcons,{icon:"AlignLeftOutlined",component:t.icons$AlignLeftOutlined,size:18,strokeWidth:x.iconStrokeWidth}),className:"selected-td-form__button"})})]})}),(0,o.jsxs)(t.ui_kit$Space,{size:8,className:"selected_text_common_form_mobile__group",children:[l&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Add paragraph"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"Paragraph",component:t.icons$Paragraph}),onClick:()=>b("add_p"),className:"selected-td-form__button"})}),!s&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:a("Add inline image"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"ImageAdd",component:t.icons$ImageAdd,size:16,strokeWidth:x.iconStrokeWidth}),onClick:()=>b("add_img"),className:"selected-td-form__button"})}),(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"Typograf",component:t.icons$Typograf}),className:"selected-td-form__button"})]}),(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"CloseOutlined",component:t.icons$CloseOutlined}),type:"icon",style:{marginLeft:26},onClick:()=>{c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_ACTIVE_RESET}),p(r.resetToLastActiveSettingsTab()),setTimeout(()=>{p(f==="block"?r.setElementSettings({type:null}):r.setElementSettings$1({type:null}))},300)}})]})]})})},Dt=({elementSettings:e,imgParent:i=!1,name:l="mobileAlign"})=>{const{__:s}=r.useI18n(),a=r.useAppConfig();return(0,o.jsx)(t.ui_kit$Form.Item,{name:l,children:(0,o.jsx)(t.ui_kit$FormAlignTextControl,{disabled:i&&!e.parent,strokeWidth:a?.iconStrokeWidth,labels:{alignLeft:s("Text align left"),alignCenter:s("Text align center"),alignRight:s("Text align right"),alignJustify:s("Text align justify")}})})};Dt.propTypes={elementSettings:g.default.object.isRequired,imgParent:g.default.bool,name:g.default.string};var pn=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useDispatch(),s=r.useSendPostMessage(),[a]=t.ui_kit$Form.useForm(),d=r.useSelector(r.selectEmailViewType),c=r.useSelector(r.selectMobileViewActive),p=r.useSelector(r.selectIsCodeMode),f=r.useSelector(r.selectCodeModeDirection),x=p&&f!=="bottom",[k,h]=(0,n.useState)("https://"),[b,R]=(0,n.useState)(!1),_=Dr(),E=(0,n.useMemo)(()=>_,[]),w=r.useElementEntityKind(),{remember:v,fillFields:P}=st(e),j=(0,n.useCallback)(C=>{v(C),l(w==="email"?r.setElementSettings$1(C):r.setElementSettings(C))},[l,w,v]);(0,n.useEffect)(()=>{if(e){const{subject:C,body:Y,baseEmail:z}=Pr(e.linkHref),O=e.linkHref,N=typeof O=="string"&&Bi(O),S=typeof O=="string"&&O.startsWith("mailto:")?z:N?O.slice(1):typeof O=="string"?O:"https://";h(Mt(O||"","https://")),P(a,{...e,lineHeight:u(e.lineHeight),linkHref:S,subject:C,body:Y,mobileFontSize:u(e.mobileFontSize?.value||e.fontSize),mobileFontSizeDim:e.mobileFontSize?.dim||e.fontSizeDim,mobileLineHeight:u(e.mobileLineHeight?.value??e.lineHeight),mobileLineHeightDim:e.mobileLineHeight?.dim||e.lineHeightDim,mobileTextAlign:Ar(e.mobileTextAlign,e.textAlign),SpacingBetweenBulletsAndText:e?.list?.betweenRowCell,SpacingBetweenParagraphs:e?.list?.betweenParagraphs,BulletsSize:e?.list?.bulletFontSize,ColorBullets:e?.list?.bulletsColor,BulletTextStrong:e?.list?.bulletFontBold,BulletTextItalic:e?.list?.bulletFontItalic,CheckboxColor:b,BulletsFontFamily:e?.list?.bulletFontFamily,BulletTextUnderline:e?.list?.bulletFontUnderline,BulletTextStrikethrough:e?.list?.bulletFontStrikethrough,BulletType:E.find(Q=>Q.symbol===e?.list?.bulletType)?.code??E[0].code,textSuperscript:e?.textSuperscript,textSubscript:e?.textSubscript,listOL:e?.standardList?.listTypeOL,listUL:e?.standardList?.listTypeUL})}},[a,e]);const I=C=>{const Y=a.getFieldsValue(!0),z=Object.keys(C)[0];let O;switch(z){case"mobileFontSize":O={[z]:{classNamePrefix:"em-mob-font_size-",value:C[z],dim:Y.mobileFontSizeDim}};break;case"mobileLineHeight":O={[z]:{classNamePrefix:"em-mob-line_height-",value:C[z],dim:Y.mobileLineHeightDim}};break;case"mobileTextAlign":O={[z]:{classNamePrefix:"em-mob-text_align-",value:C[z]}};break;case"linkHref":let N=ot(C[z]);if(N!==C[z]&&a.setFieldValue("linkHref",N),k==="#"&&N&&!N.startsWith("#")&&(N="#"+N),N.startsWith("mailto:")){const Q=a.getFieldValue("subject"),J=a.getFieldValue("body");O={[z]:Si(N,Q,J)}}else O={[z]:N};Wo(N,h);break;case"subject":case"body":const S=a.getFieldValue("linkHref")||"";if(S.substring(0,7)==="mailto:"){const Q=S.split("?")[0],J=z==="subject"?C[z]:a.getFieldValue("subject"),re=z==="body"?C[z]:a.getFieldValue("body"),te=[];J&&te.push(`subject=${encodeURIComponent(J)}`),re&&te.push(`body=${encodeURIComponent(re)}`),O={linkHref:te.length>0?`${Q}?${te.join("&")}`:Q}}else return;break;default:O=C}s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:O}),j({...e,list:{...e.list,bulletsColor:a.getFieldValue("ColorBullets"),bulletFontFamily:a.getFieldValue("BulletsFontFamily"),bulletFontSize:a.getFieldValue("BulletsSize"),betweenParagraphs:a.getFieldValue("SpacingBetweenParagraphs"),betweenRowCell:a.getFieldValue("SpacingBetweenBulletsAndText"),bulletType:E.find(N=>N.code===a.getFieldValue("BulletType"))?.symbol??E[0].symbol},...O,activateSection:null,changeKey:z})};return(0,o.jsxs)(t.ui_kit$Form,{form:a,layout:"vertical",name:"selected_text_form",autoComplete:"off",onValuesChange:I,className:"element-controls",initialValues:{textAlign:"left",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1,textColor:"",textBackgroundColor:"",textLink:!1,textReplacer:"",textAnchor:"",subject:"",body:"",SpacingBetweenBulletsAndText:0,SpacingBetweenParagraphs:0,BulletsSize:0,ColorBullets:"",BulletTextStrong:!1,BulletTextItalic:!1,CheckboxColor:!1,BulletsFontFamily:"",BulletTextUnderline:!1,BulletTextStrikethrough:!1,BulletType:"",textSuperscript:!1,textSubscript:!1,listOL:!1,listUL:!1},children:[!x&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),!(d==="mobile"&&!x&&c.styles)&&(0,o.jsx)("div",{id:"selected_element_form_desktop_props",style:{paddingRight:0},children:x?(0,o.jsx)(Ri,{form:a,elementSettings:e}):(0,o.jsx)(gt,{form:a,fillFields:P,elementSettings:e,linkProtocol:k,setLinkProtocol:h,isBulletFontColorChecked:b,setIsBulletFontColorChecked:R})}),!x&&(0,o.jsxs)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:d==="mobile"&&c.styles?"block":"none"},children:[(0,o.jsx)(t.ui_kit$Row,{gutter:20,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Dt,{form:a,elementSettings:e,name:"mobileTextAlign"})})}),!!e.showOnMobile&&(0,o.jsx)(gt,{form:a,fillFields:P,elementSettings:e,linkProtocol:k,setLinkProtocol:h}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Mr,{})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileLineHeight",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})]})]})]})},yi=(e,i)=>{const{__:l}=r.useI18n();return(0,o.jsx)(t.ui_kit$Tooltip,{title:l("During export, the element is converted into an image."),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"exportAsPicture",valuePropName:"checked",className:"form-item-margin-xs",style:{marginBottom:10},children:(0,o.jsx)(t.ui_kit$Switch,{id:"convert-in-image",label:l("Convert into an image"),size:"small",labelStyle:{position:"relative",top:2}})})},"exportAsPicture")},Vr={marginBottom:10},Hr={position:"relative",top:2};function hn(e){return Array.isArray(e)?!!e[0]?.value:typeof e=="string"?e.trim()!=="":!!e}var rt=({form:e,showRounding:i=!1,showBackground:l=!1})=>{const{__:s}=r.useI18n(),a=hn(t.ui_kit$Form.useWatch("backgroundImage",e));return(0,o.jsxs)(o.Fragment,{children:[i&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Adds bulletproof VML markup so the button keeps rounded corners in Outlook."),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"outlookRounding",valuePropName:"checked",className:"form-item-margin-xs",style:Vr,children:(0,o.jsx)(t.ui_kit$Switch,{id:"outlook-rounding",label:s("Rounded corners in Outlook (VML)"),size:"small",labelStyle:Hr})})},"outlookRounding"),l&&a&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Adds VML markup so the background image is visible in Outlook."),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"outlookBackground",valuePropName:"checked",className:"form-item-margin-xs",style:Vr,children:(0,o.jsx)(t.ui_kit$Switch,{id:"outlook-background",label:s("Background image in Outlook (VML)"),size:"small",labelStyle:Hr})})},"outlookBackground")]})};rt.propTypes={form:g.default.object,showRounding:g.default.bool,showBackground:g.default.bool};var Ur=({form:e,elementSettings:i,boxShadow:l,bordersShow:s,borderRadiusShow:a,boxShadowShow:d,backgroundShow:c,backgroundImageEmpty:p,backgroundRepeatOptions:f,backgroundSizeOptions:x,sizeShow:k,modificationShow:h,oneBorderRadiusValue:b,setOneBorderRadiusValue:R,toggleShowBorderHandler:_,toggleShowBorderRadiusHandler:E,toggleShowBoxShadowHandler:w,toggleShowSizeHandler:v,toggleShowBackgroundHandler:P,toggleShowModificationHandler:j})=>{const{__:I}=r.useI18n(),C=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(Uo,{form:e,elementSettings:i,tooltipTitle:I("The align attribute sets the horizontal alignment of the table.")})}),(0,o.jsx)(t.ui_kit$FormSection,{title:I("Size"),collapsible:!0,open:k,onToggle:v,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormSizeInputs,{showHeight:!1,showMinMax:!0,columnsPerRow:2,dimensionSelect:$o,minWidthDimensionSelect:$o,maxWidthDimensionSelect:$o,rowStyle:{marginBottom:4},labels:{width:I("Width"),height:I("Height"),minWidth:I("Minimum width"),maxWidth:I("Maximum width")}})}),(0,o.jsxs)(t.ui_kit$FormSection,{title:I("Background"),collapsible:!0,open:c,onToggle:P,dividerTop:!0,children:[(0,o.jsx)(t.ui_kit$FormBackgroundSettings,{imageEnabled:C.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:p,usedColors:i.usedColors,colorPlaceholder:I("Background color"),horizontalPositionPlaceholder:I("Horizontal position"),horizontalPositionTooltip:I("Horizontal position"),verticalPositionPlaceholder:I("Vertical position"),verticalPositionTooltip:I("Vertical position"),backgroundRepeatTooltip:I("Background image repeat"),backgroundSizeTooltip:I("Background image size"),selectPlaceholder:I("Please choose"),backgroundRepeatOptions:f,backgroundSizeOptions:x,imageUploadSlot:C.formTableFieldBackgroundImageEnabled?(0,o.jsx)(No,{form:e,label:I("Background image"),name:"backgroundImage",tooltipTitle:I("Background image"),placeholder:I("Background image link/route")}):void 0}),(0,o.jsx)(rt,{form:e,showBackground:!0})]}),C.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("Borders"),collapsible:!0,open:s,onToggle:_,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,elementSettings:i})}),C.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("Border radius"),collapsible:!0,open:a,onToggle:E,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:b,setOneBorderRadiusValue:R,elementSettings:i})}),C.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("Box shadow"),collapsible:!0,open:d,onToggle:w,dividerTop:!0,children:(0,o.jsx)(jo,{})}),C.formFieldExportAsPictureEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("Export settings"),collapsible:!0,open:h,onToggle:j,dividerTop:!0,children:(0,o.jsx)(yi,{form:e,elementSettings:i})}),C.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),C.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:I("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};Ur.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,backgroundShow:g.default.bool,backgroundImageEmpty:g.default.bool,backgroundRepeatOptions:g.default.array,backgroundSizeOptions:g.default.array,sizeShow:g.default.bool,modificationShow:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,toggleShowBorderHandler:g.default.func,toggleShowBorderRadiusHandler:g.default.func,toggleShowBoxShadowHandler:g.default.func,toggleShowSizeHandler:g.default.func,toggleShowBackgroundHandler:g.default.func,toggleShowModificationHandler:g.default.func};var Wr=({form:e,elementSettings:i,label:l})=>{const{__:s}=r.useI18n();(0,n.useRef)();const[a,d]=(0,n.useState)(i.mobileBackgroundColor?.value==="none"),{token:c}=(0,t.ui_kit$useToken)(),p=r.useSendPostMessage(),f=k=>{e.setFieldsValue({mobileBackgroundColor:""}),d(h=>!h),p({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:a?"":"none"}}})},x=k=>{d(!1)};return(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(t.ui_kit$Tooltip,{trigger:["hover"],title:s("Background color"),placement:"left",children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileBackgroundColor",style:{marginBottom:c.formItemMarginBottomXS/2},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{onChange:x,placeholder:l,usedColors:i.usedColors})}),(0,o.jsx)(t.ui_kit$Switch,{id:"without-background-color",label:s("Without background color"),labelSize:"small",size:"small",checked:a,onChange:f})]})})};Wr.propTypes={form:g.default.shape({setFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired};var Vt={horizontal:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],vertical:[{value:"top",label:"top"},{value:"center",label:"center"},{value:"bottom",label:"bottom"}]},wi={mobileBackgroundColor:"em-mob-background_color-",mobileBackgroundImage:"em-mob-background_image-",mobileBackgroundPositionX:"em-mob-background_position_x-",mobileBackgroundPositionY:"em-mob-background_position_y-",mobileBackgroundRepeat:"em-mob-background_repeat-",mobileBackgroundSize:"em-mob-background_size-"},at="none",bn=/^(https?:)?\/\//i,fn=/^(\d*\.?\d+)(%|px)$/;function gn(e){return e in wi}function zr(e){return bn.test(e.trim())}function ji(e,i){const l=wi[e],s=typeof i=="string"?i:"";return e==="mobileBackgroundImage"?s&&s!==at&&!zr(s)?null:{[e]:[{classNamePrefix:l,value:s,type:"url"}]}:e==="mobileBackgroundRepeat"?{[e]:{classNamePrefix:l,value:s||at}}:{[e]:{classNamePrefix:l,value:s}}}function _t(e){const[i]=Object.keys(e??{});return!i||!gn(i)?null:ji(i,e[i])}function _n(){return Object.keys(wi).reduce((e,i)=>({...e,...ji(i,"")}),{})}function Gr(e){const i=(e??"").trim(),l=i.match(fn);return l?{position:l[1],unit:l[2]}:{position:i,unit:"px"}}function Yr(e,i){return e?isNaN(parseFloat(e))?e:e+i:""}function Go(e){const i=e??{},l=i.customTable??i;return{type:i.type,usedColors:i.usedColors,mobileBackgroundColor:l.mobileBackgroundColor,mobileBackgroundImage:l.mobileBackgroundImage,mobileBackgroundPositionX:l.mobileBackgroundPositionX,mobileBackgroundPositionY:l.mobileBackgroundPositionY,mobileBackgroundRepeat:l.mobileBackgroundRepeat,mobileBackgroundSize:l.mobileBackgroundSize}}function xt(e){const i=e??{},l=i.customTable??i,s=l.backgroundSize??"";return{image:l.backgroundImage?.[0]?.value??"",positionX:l.backgroundPositionX??"",positionY:l.backgroundPositionY??"",repeat:l.backgroundRepeat??"",size:s==="auto"?"":s}}function nt(e){const i=Go(e),l=i.mobileBackgroundImage?.[0]?.value??"";return{mobileBackgroundImage:l===at?"":l,mobileBackgroundPositionX:i.mobileBackgroundPositionX?.value??"",mobileBackgroundPositionY:i.mobileBackgroundPositionY?.value??"",mobileBackgroundRepeat:i.mobileBackgroundRepeat?.value||at,mobileBackgroundSize:i.mobileBackgroundSize?.value??""}}function kt(e){const i=Go(e),l=i.mobileBackgroundRepeat?.value;return!!i.mobileBackgroundColor?.value||!!i.mobileBackgroundImage?.[0]?.value||!!i.mobileBackgroundPositionX?.value||!!i.mobileBackgroundPositionY?.value||!!l&&l!==at||!!i.mobileBackgroundSize?.value}function xn(e,i){return e===at?!1:!!e||!!i}function Et(e,i,l){e.setFieldsValue({...nt({}),mobileBackgroundColor:""}),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:Go(i).type,settings:_n()})}var kn=/^\d*\.?\d+$/,En={bottom:"auto"},Xr={marginBottom:0},Bn=(0,o.jsx)(r.EmIcons,{icon:"BgPositionHorizontal",component:t.icons$BgPositionHorizontal}),Sn=(0,o.jsx)(r.EmIcons,{icon:"BgPositionVertical",component:t.icons$BgPositionVertical}),Tn=e=>e.closest(".email-pane__collapse-wrapper")??e.parentNode,Kr=({value:e,onChange:i,inheritedValue:l,options:s,placeholder:a,prefix:d})=>{const c=e||l,[p,f]=(0,n.useState)(()=>Gr(c));(0,n.useEffect)(()=>{f(b=>Yr(b.position,b.unit)===c?b:Gr(c))},[c]);const x=(0,n.useCallback)((b,R)=>{f({position:b,unit:R});const _=s.some(E=>E.value===b);(b===""||_||kn.test(b))&&i?.(Yr(b,R))},[i,s]),k=(0,n.useCallback)(b=>x(b,p.unit),[x,p.unit]),h=(0,n.useCallback)(b=>x(p.position,b),[x,p.position]);return(0,o.jsx)(t.ui_kit$InputSelect,{options:s,position:p.position,setPosition:k,unit:p.unit,setUnit:h,placeholder:a,prefix:d,dropdownStyle:En,tooltipTitle:a,getTooltipPopupContainer:Tn})},Rn=({desktopPositionX:e,desktopPositionY:i})=>{const{__:l}=r.useI18n(),{token:s}=(0,t.ui_kit$useToken)(),a=s.formItemMarginBottomXS,d=(0,n.useMemo)(()=>({marginBottom:a}),[a]);return(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:d,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileBackgroundPositionX",style:Xr,children:(0,o.jsx)(Kr,{inheritedValue:e,options:Vt.horizontal,placeholder:l("Horizontal position"),prefix:Bn})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileBackgroundPositionY",style:Xr,children:(0,o.jsx)(Kr,{inheritedValue:i,options:Vt.vertical,placeholder:l("Vertical position"),prefix:Sn})})})]})},qr=["hover"],Jr=e=>document.querySelector(".email-properties__collapse-panel")??e.parentNode,Qr=({value:e,emptyValue:i,inheritedValue:l,...s})=>{const a=!!e&&e!==i,d=s.options.some(c=>c.value===l)?l:i;return(0,o.jsx)(t.ui_kit$Select,{...s,value:a?e:d})},yn=({desktopPositionX:e,desktopPositionY:i,desktopRepeat:l,desktopSize:s,backgroundRepeatOptions:a,backgroundSizeOptions:d})=>{const{__:c}=r.useI18n(),{token:p}=(0,t.ui_kit$useToken)(),f=p.formItemMarginBottomXS,x=(0,n.useMemo)(()=>({marginBottom:f}),[f]),k=(0,n.useMemo)(()=>({marginBottom:(f??0)*1.5}),[f]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(Rn,{desktopPositionX:e,desktopPositionY:i}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:k,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:qr,title:c("Background image repeat"),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileBackgroundRepeat",style:x,children:(0,o.jsx)(Qr,{emptyValue:"none",inheritedValue:l,options:a,placeholder:c("Please choose"),getPopupContainer:Jr})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:qr,title:c("Background image size"),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"mobileBackgroundSize",style:x,children:(0,o.jsx)(Qr,{emptyValue:"",inheritedValue:s,options:d,placeholder:c("Please choose"),getPopupContainer:Jr})})})})]})]})},wn=ci,jn=({value:e,inheritedImage:i,...l})=>(0,o.jsx)(wn,{...l,value:e||i}),vn=e=>/^https?:\/\//i.test(e.trim()),In=({form:e,name:i="mobileBackgroundImage",placeholder:l="",disabled:s=!1,elementSettings:a,inheritedImage:d="",isImageNone:c=!1,onImageNoneChange:p})=>{const{__:f}=r.useI18n(),{token:x}=(0,t.ui_kit$useToken)(),k=t.ui_kit$Form.useWatch(i,e),[h,b]=(0,n.useState)(""),R=k||d,_=x.formItemMarginBottomXS??0,E=(0,n.useMemo)(()=>({marginBottom:_/2}),[_]);(0,n.useEffect)(()=>{if(!R){b("");return}b(vn(R)?"validating":"success")},[R]);const w=!!k&&!zr(k),v=w?"error":h;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:i,className:"mobile-background-image-field",validateStatus:v,help:w?f("Enter a URL starting with http:// or https://"):void 0,style:E,children:(0,o.jsx)(jn,{inheritedImage:d,validateStatus:v,placeholder:l,name:i,disabled:s,elementSettings:a,imageInfo:a,onRemotePreviewValidate:b})}),(0,o.jsx)(t.ui_kit$Switch,{label:f("Without image"),labelSize:"small",size:"small",checked:c,onChange:p})]})},Cn={image:"",positionX:"",positionY:"",repeat:"",size:""},Bt=({elementSettings:e,imageEnabled:i=!1,desktopBackground:l=Cn})=>{const{__:s}=r.useI18n(),{token:a}=(0,t.ui_kit$useToken)(),d=t.ui_kit$Form.useFormInstance(),c=a.formItemMarginBottomMD,p=r.useSendPostMessage(),f=e.mobileBackgroundImage?.[0]?.value,[x,k]=(0,n.useState)(f==="none"),h=t.ui_kit$Form.useWatch("mobileBackgroundImage",d);(0,n.useEffect)(()=>{k(f==="none")},[f]),(0,n.useEffect)(()=>{h&&k(!1)},[h]);const b=(0,n.useCallback)(I=>{k(I),d.setFieldsValue({mobileBackgroundImage:""}),p({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:ji("mobileBackgroundImage",I?"none":"")})},[e.type,d,p]),R=(0,n.useMemo)(()=>[{label:s("Not defined"),value:"none"},{label:s("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:s("Repeat background (repeat)"),value:"repeat"},{label:s("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:s("Repeat background vertically (repeat-y)"),value:"repeat-y"}],[s]),_=(0,n.useMemo)(()=>[{label:s("Not defined"),value:""},{label:s("Contain"),value:"contain"},{label:s("Cover"),value:"cover"}],[s]),E=xn(x?"none":h,l.image),w=(0,n.useMemo)(()=>({marginBottom:E?c:0}),[c,E]),v=(0,n.useMemo)(()=>(0,o.jsx)("div",{style:w,children:(0,o.jsx)(Wr,{form:d,elementSettings:e,label:s("Background color")})}),[s,e,d,w]),P=(0,n.useMemo)(()=>(0,o.jsx)("div",{style:w,children:(0,o.jsx)(In,{form:d,placeholder:s("Background image"),elementSettings:e,inheritedImage:x?"":l.image,isImageNone:x,onImageNoneChange:b})}),[s,l.image,e,d,b,x,w]),j=(0,n.useMemo)(()=>(0,o.jsx)(yn,{desktopPositionX:l.positionX,desktopPositionY:l.positionY,desktopRepeat:l.repeat,desktopSize:l.size,backgroundRepeatOptions:R,backgroundSizeOptions:_}),[R,_,l.positionX,l.positionY,l.repeat,l.size]);return(0,o.jsx)(t.ui_kit$FormBackgroundSettings,{colorFieldName:"mobileBackgroundColor",colorSlot:v,imageEnabled:i,backgroundImageEmpty:!E,imageUploadSlot:P,imageControlsSlot:j,usedColors:e.usedColors})},Zr=({form:e,elementSettings:i,mobileBoxShadow:l,mobileBordersShow:s,mobileBorderRadiusShow:a,mobileBoxShadowShow:d,mobileSizeShow:c,mobileBackgroundShow:p,oneMobileBorderRadiusValue:f,setOneMobileBorderRadiusValue:x,toggleShowMobileBorderHandler:k,toggleShowMobileBorderRadiusHandler:h,toggleShowMobileBoxShadowHandler:b,toggleShowMobileSizeHandler:R,toggleShowMobileBackgroundHandler:_})=>{const{__:E}=r.useI18n(),{token:w}=(0,t.ui_kit$useToken)(),v=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(Uo,{form:e,elementSettings:i,typeOfForm:"mobile"})}),(0,o.jsx)(t.ui_kit$FormSection,{title:E("Size"),collapsible:!0,open:c,onToggle:R,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:E("Table width"),placement:"left",children:(0,o.jsx)("div",{style:{marginBottom:w.formItemMarginBottomMD+4},children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i})})})})})}),(0,o.jsx)(t.ui_kit$FormSection,{title:E("Background"),collapsible:!0,open:p,onToggle:_,dividerTop:!0,children:(0,o.jsx)(Bt,{elementSettings:Go(i),imageEnabled:v.formTableFieldBackgroundImageEnabled,desktopBackground:xt(i)})}),v.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:E("Borders"),collapsible:!0,open:s,onToggle:k,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,typeOfForm:"mobile"})}),v.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:E("Border radius"),collapsible:!0,open:a,onToggle:h,dividerTop:!0,children:(0,o.jsx)(So,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:f,setOneBorderRadiusValue:x,elementSettings:i})}),v.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:E("Box shadow"),collapsible:!0,open:d,onToggle:b,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile",form:e,elementSettings:i})}),v.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:E("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),v.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:E("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};Zr.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,mobileBoxShadow:g.default.object,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,mobileSizeShow:g.default.bool,mobileBackgroundShow:g.default.bool,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,toggleShowMobileBorderHandler:g.default.func,toggleShowMobileBorderRadiusHandler:g.default.func,toggleShowMobileBoxShadowHandler:g.default.func,toggleShowMobileSizeHandler:g.default.func,toggleShowMobileBackgroundHandler:g.default.func};var el=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),[s]=t.ui_kit$Form.useForm(),a=Fo(),d=Fo(),c=r.useDispatch(),p=r.useElementEntityKind(),[f,x]=(0,n.useState)({}),[k,h]=(0,n.useState)(!0),[b,R]=(0,n.useState)({}),[_,E]=(0,n.useState)(!0),w=r.useSelector(r.selectEmailViewType),v=r.useSelector(r.selectMobileViewActive);r.useAppConfig();const[P,j]=(0,n.useState)(e.backgroundImage[0].value===""),I=r.useSelector(r.selectIsCodeMode),C=r.useSelector(r.selectCodeModeDirection),Y=I&&C!=="bottom",[z,O]=(0,n.useState)(!1),[N,S]=(0,n.useState)(!1),[Q,J]=(0,n.useState)(!1),[re,te]=(0,n.useState)(!1),[pe,be]=(0,n.useState)(!1),[ae,xe]=(0,n.useState)(!1),[Ie,ne]=(0,n.useState)(!1),[Fe,je]=(0,n.useState)(!1),[le,Ee]=(0,n.useState)(!1),[ce,ee]=(0,n.useState)(!1),[ue,se]=(0,n.useState)(!1),Z=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}],q=[{label:i("Not defined"),value:""},{label:i("Contain"),value:"contain"},{label:i("Cover"),value:"cover"}],G=V=>V&&(V?.width||V?.style||V?.color)?V:"",X=e.border,ie=e.mobileBorder,Be=Object.keys(X).find(V=>X[V]?.width||X[V]?.style||X[V]?.color),ge=Object.keys(ie).find(V=>ie[V]?.width||ie[V]?.style||ie[V]?.color),{remember:Pe,fillFields:Re}=st(e);(0,n.useEffect)(()=>{if(e){const V=e.boxShadow,oe=e.mobileBoxShadow;x(V),R(oe),Re(s,{...e,width:e.width?.value,widthDim:e.width?.dim,maxWidth:e.maxWidth?.value,maxWidthDim:e.maxWidth?.dim,minWidth:e.minWidth?.value,minWidthDim:e.minWidth?.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:u(e.border.all),borderTop:u(e.border.top),borderBottom:u(e.border.bottom),borderRight:u(e.border.right),borderLeft:u(e.border.left),borderRadiusAll:u(e.borderRadius.all),borderRadiusTopLeft:u(e.borderRadius.topLeft),borderRadiusBottomLeft:u(e.borderRadius.bottomLeft),borderRadiusTopRight:u(e.borderRadius.topRight),borderRadiusBottomRight:u(e.borderRadius.bottomRight),boxShadowInset:u(e.boxShadow?.inset)||!1,boxShadowHOffset:u(e.boxShadow?.hOffset),boxShadowVOffset:u(e.boxShadow?.vOffset),boxShadowBlurRadius:u(e.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.boxShadow?.spreadRadius),boxShadowColor:u(e.boxShadow?.color),mobileWidth:po(e.mobileWidth?.value),mobileWidthDim:e.mobileWidth?.dim,mobileAlign:e.mobileAlign?.value,mobileBorderAll:G(e.mobileBorder.all)||!(G(e.mobileBorder.top)||G(e.mobileBorder.bottom)||G(e.mobileBorder.right)||G(e.mobileBorder.left))&&G(e.border.all),mobileBorderTop:G(e.mobileBorder.top)||!G(e.mobileBorder.all)&&G(e.border.top),mobileBorderBottom:G(e.mobileBorder.bottom)||!G(e.mobileBorder.all)&&G(e.border.bottom),mobileBorderRight:G(e.mobileBorder.right)||!G(e.mobileBorder.all)&&G(e.border.right),mobileBorderLeft:G(e.mobileBorder.left)||!G(e.mobileBorder.all)&&G(e.border.left),mobileBorderRadiusAll:u(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius.topLeft!==null?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius.bottomLeft!==null?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius.topRight!==null?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius.bottomRight!==null?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:u(e.mobileBoxShadow?.inset)||!1,mobileBoxShadowHOffset:u(e.mobileBoxShadow?.hOffset),mobileBoxShadowVOffset:u(e.mobileBoxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.mobileBoxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.mobileBoxShadow?.spreadRadius),mobileBoxShadowColor:u(e.mobileBoxShadow?.color),mobileBackgroundColor:u(e.mobileBackgroundColor?.value!=="none"?e.mobileBackgroundColor?.value:""),...nt(e),exportAsPicture:e?.exportAsPicture}),!u(e.borderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?h(!1):h(!0),u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight)?E(!1):E(!0),j(e.backgroundImage[0].value==="");const ke=a.isStaleBorderSnapshot(e,!!Be),$e=d.isStaleBorderSnapshot(e,!!ge);ke&&s.setFieldsValue({border:r.RESET_BORDER_PARAMS,borderAll:null,borderTop:null,borderBottom:null,borderRight:null,borderLeft:null}),($e||ke&&!ge)&&s.setFieldsValue({mobileBorder:r.RESET_BORDER_PARAMS,mobileBorderAll:null,mobileBorderTop:null,mobileBorderBottom:null,mobileBorderRight:null,mobileBorderLeft:null}),O(ze=>Be&&!ke?!0:ze),S(ze=>Be&&!ke||ge&&!$e?!0:ze),J(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),te(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),be(!!e.boxShadow),xe(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),ne(!!e.width?.value||!!e.minWidth?.value||!!e.maxWidth?.value),je(!!e.mobileWidth.value),Ee(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),ee(kt(e)),se(!!e.exportAsPicture)}},[s,e,Be,ge,a,d,Re]);const Le=(0,n.useCallback)(V=>{Pe(V),c(p==="email"?r.setElementSettings$1(V):r.setElementSettings(V))},[c,p,Pe]),K=V=>{const oe=s.getFieldsValue(!0),ke=Object.keys(V)[0];let $e;switch(ke){case"exportAsPicture":$e={exportAsPicture:oe.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":$e={boxShadow:{hOffset:oe.boxShadowHOffset,vOffset:oe.boxShadowVOffset,blurRadius:oe.boxShadowBlurRadius,spreadRadius:oe.boxShadowSpreadRadius,color:oe.boxShadowColor,inset:oe.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":oe.borderPosition==="borderAll"?($e={border:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...oe.borderAll}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER})):oe.borderAll?.width||oe.borderAll?.style||oe.borderAll?.color?($e={border:{all:null,left:oe.borderAll,right:oe.borderAll,top:oe.borderAll,bottom:oe.borderAll,[W.REVERSE_BORDER_POSITIONS[ke]]:{...oe[ke],...V[ke]}}},s.setFieldsValue({borderAll:null,borderLeft:oe.borderAll,borderRight:oe.borderAll,borderTop:oe.borderAll,borderBottom:oe.borderAll,[ke]:{...oe[ke],...V[ke]}})):($e={border:{all:null,left:oe.borderLeft,right:oe.borderRight,top:oe.borderTop,bottom:oe.borderBottom,[W.REVERSE_BORDER_POSITIONS[ke]]:{...oe[ke],...V[ke]}}},s.setFieldsValue({border:$e.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if(oe.mobileBorderPosition==="mobileBorderAll")$e={mobileBorder:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...oe.mobileBorderAll,classNamePrefix:"em-mob-border_"+W.MOBILE_REVERSE_BORDER_POSITIONS[ke]+"-"}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER});else{const ze=W.MOBILE_REVERSE_BORDER_POSITIONS[ke],Ge={...oe[ke],...V[ke]},Ye=!Ge?.width&&!Ge?.style&&!Ge?.color;if(oe.mobileBorder?.all?.width||oe.mobileBorder?.all?.style||oe.mobileBorder?.all?.color){const F=oe.mobileBorderAll;$e={mobileBorder:{all:null,left:F,right:F,top:F,bottom:F,[ze]:Ye?null:{...Ge,classNamePrefix:"em-mob-border_"+ze+"-"}}},s.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:F,mobileBorderRight:F,mobileBorderTop:F,mobileBorderBottom:F,[ke]:Ge})}else{const F=e.mobileBorder||{},L=y=>{const M=F[y];return M&&(M?.width||M?.style||M?.color)?M:null};$e={mobileBorder:{all:null,left:ze==="left"?Ye?null:{...Ge,classNamePrefix:"em-mob-border_left-"}:L("left"),right:ze==="right"?Ye?null:{...Ge,classNamePrefix:"em-mob-border_right-"}:L("right"),top:ze==="top"?Ye?null:{...Ge,classNamePrefix:"em-mob-border_top-"}:L("top"),bottom:ze==="bottom"?Ye?null:{...Ge,classNamePrefix:"em-mob-border_bottom-"}:L("bottom")}},s.setFieldsValue({[ke]:Ge})}}break;case"width":$e={[ke]:{value:V[ke],dim:oe.widthDim}};break;case"widthDim":$e={width:{value:oe.width,dim:V[ke]}};break;case"maxWidth":$e={[ke]:{value:V[ke],dim:oe.maxWidthDim}};break;case"maxWidthDim":$e={maxWidth:{value:oe.maxWidth,dim:V[ke]}};break;case"minWidth":$e={[ke]:{value:V[ke],dim:oe.minWidthDim}};break;case"minWidthDim":$e={minWidth:{value:oe.minWidth,dim:V[ke]}};break;case"backgroundImage":j(V[ke]===""),$e={[ke]:[{...e.backgroundImage[0],value:V[ke]}],backgroundSize:"cover"};break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":$e={borderRadius:{[W.BORDER_RADIUS_POSITION[ke]]:+V[ke]}};break;case"mobileWidth":$e={[ke]:{classNamePrefix:"em-mob-width-",value:V[ke],dim:oe.mobileWidthDim}};break;case"mobileWidthDim":$e={mobileWidth:{classNamePrefix:"em-mob-width-",value:oe.mobileWidth||100,dim:V[ke]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":$e={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[ke]]:V[ke],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[ke]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":$e={mobileBoxShadow:{hOffset:oe.mobileBoxShadowHOffset,vOffset:oe.mobileBoxShadowVOffset,blurRadius:oe.mobileBoxShadowBlurRadius,spreadRadius:oe.mobileBoxShadowSpreadRadius,color:oe.mobileBoxShadowColor,inset:oe.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileBackgroundColor":case"mobileBackgroundImage":case"mobileBackgroundPositionX":case"mobileBackgroundPositionY":case"mobileBackgroundRepeat":case"mobileBackgroundSize":if($e=_t(V),!$e)return;break;case"mobileAlign":$e={[ke]:{classNamePrefix:"em-mob-table_align-",value:V[ke]}};break;default:$e=V}ke!=="borderPosition"&&ke!=="mobileBorderPosition"&&(l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:$e}),ke!=="mobileBorderRadiusAll"&&ke!=="mobileBorderRadiusTopLeft"&&ke!=="mobileBorderRadiusTopRight"&&ke!=="mobileBorderRadiusBottomLeft"&&ke!=="mobileBorderRadiusBottomRight"&&Le({...e,...$e,mobileBorderRadius:{...e.mobileBorderRadius,...$e?.mobileBorderRadius},activateSection:null,changeKey:ke}))},de=()=>{const V=s.getFieldsValue(!0);a.markBorderToggled(!z),setTimeout(()=>{O(oe=>!oe),z?(V.borderAll=W.NULL_BORDER,V.borderTop=W.NULL_BORDER,V.borderBottom=W.NULL_BORDER,V.borderRight=W.NULL_BORDER,V.borderLeft=W.NULL_BORDER):V.borderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:V.borderAll.color,style:V.borderAll.style,width:V.borderAll.width}}}})})},ve=()=>{const V=s.getFieldsValue(!0);d.markBorderToggled(!N),setTimeout(()=>{S(oe=>!oe),N?(V.mobileBorderAll=W.NULL_BORDER,V.mobileBorderTop=W.NULL_BORDER,V.mobileBorderBottom=W.NULL_BORDER,V.mobileBorderRight=W.NULL_BORDER,V.mobileBorderLeft=W.NULL_BORDER):V.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:V.mobileBorderAll.color,style:V.mobileBorderAll.style,width:V.mobileBorderAll.width}}}})})},H=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{J(oe=>!oe),Q?(V.borderRadiusAll=0,h(!0)):V.borderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:V.borderRadiusAll}}})})},Te=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{te(oe=>!oe),re?(V.mobileBorderRadiusAll=null,E(!0)):V.mobileBorderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:V.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},we=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{be(oe=>!oe),pe?(V.boxShadowInset=!1,V.boxShadowHOffset=null,V.boxShadowVOffset=null,V.boxShadowBlurRadius=null,V.boxShadowSpreadRadius=null,V.boxShadowColor=""):(V.boxShadowInset=!1,V.boxShadowHOffset=5,V.boxShadowVOffset=5,V.boxShadowBlurRadius=10,V.boxShadowSpreadRadius=-5,V.boxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:V.boxShadowBlurRadius,color:V.boxShadowColor,hOffset:V.boxShadowHOffset,inset:V.boxShadowInset,spreadRadius:V.boxShadowSpreadRadius,vOffset:V.boxShadowVOffset}}})})},Ae=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{xe(oe=>!oe),ae?(V.mobileBoxShadowInset=!1,V.mobileBoxShadowHOffset=null,V.mobileBoxShadowVOffset=null,V.mobileBoxShadowBlurRadius=null,V.mobileBoxShadowSpreadRadius=null,V.mobileBoxShadowColor=""):(V.mobileBoxShadowInset=!1,V.mobileBoxShadowHOffset=5,V.mobileBoxShadowVOffset=5,V.mobileBoxShadowBlurRadius=10,V.mobileBoxShadowSpreadRadius=-5,V.mobileBoxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:V.mobileBoxShadowBlurRadius,color:V.mobileBoxShadowColor,hOffset:V.mobileBoxShadowHOffset,inset:V.mobileBoxShadowInset,spreadRadius:V.mobileBoxShadowSpreadRadius,vOffset:V.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},Ve=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{ne(oe=>!oe),Ie&&(V.width="",V.minWidth="",V.maxWidth="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},minWidth:{value:null,dim:"px"},maxWidth:{value:null,dim:"px"}}}))})},Me=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{je(oe=>!oe),Fe&&(V.mobileWidth="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"}}}))})},He=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{Ee(oe=>!oe),le?(V.backgroundColor="",V.backgroundImage="",V.backgroundPositionX="",V.backgroundPositionY="",V.backgroundRepeat="none",V.backgroundSize="",j(!0)):(V.backgroundColor="#E5E5E5",V.backgroundSize="",V.backgroundRepeat="none"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:V.backgroundColor,backgroundImage:[{type:"url",value:V.backgroundImage}],backgroundPositionX:V.backgroundPositionX,backgroundPositionY:V.backgroundPositionY,backgroundRepeat:V.backgroundRepeat,backgroundSize:V.backgroundSize}})})},D=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{ee(oe=>!oe),ce?V.mobileBackgroundColor="":V.mobileBackgroundColor="#E5E5E5",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:V.mobileBackgroundColor}}}),ce&&Et(s,e,l)})},me=()=>{const V=s.getFieldsValue(!0);setTimeout(()=>{se(oe=>!oe),ue&&(V.exportAsPicture=!1,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})};return(0,o.jsxs)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_table_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,show:"all",width:{value:"",dim:""},maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",mobileAlign:"",border:"",boxShadow:"",borderPosition:W.BORDER_POSITIONS[Be]||"borderAll",mobileBorderPosition:W.MOBILE_BORDER_POSITIONS[ge]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:""},onValuesChange:K,autoComplete:"off",className:"element-controls",children:[!Y&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),w==="mobile"&&v.styles?(0,o.jsxs)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:[(0,o.jsx)(Zr,{form:s,elementSettings:e,mobileBoxShadow:b,mobileBordersShow:N,mobileBorderRadiusShow:re,mobileBoxShadowShow:ae,mobileSizeShow:Fe,mobileBackgroundShow:ce,oneMobileBorderRadiusValue:_,setOneMobileBorderRadiusValue:E,toggleShowMobileBorderHandler:ve,toggleShowMobileBorderRadiusHandler:Te,toggleShowMobileBoxShadowHandler:Ae,toggleShowMobileSizeHandler:Me,toggleShowMobileBackgroundHandler:D})," "]}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(Ur,{form:s,elementSettings:e,boxShadow:f,bordersShow:z,borderRadiusShow:Q,boxShadowShow:pe,backgroundShow:le,backgroundImageEmpty:P,backgroundRepeatOptions:Z,backgroundSizeOptions:q,sizeShow:Ie,modificationShow:ue,oneBorderRadiusValue:k,setOneBorderRadiusValue:h,toggleShowBorderHandler:de,toggleShowBorderRadiusHandler:H,toggleShowBoxShadowHandler:we,toggleShowSizeHandler:Ve,toggleShowBackgroundHandler:He,toggleShowModificationHandler:me})})]})};el.propTypes={elementSettings:g.default.object.isRequired};var ol=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),[s]=t.ui_kit$Form.useForm(),a=r.useAppConfig(),d=r.useSelector(r.selectIsCodeMode),c=r.useSelector(r.selectCodeModeDirection),[p,f]=(0,n.useState)({}),[x,k]=(0,n.useState)("https://"),h=({target:_})=>{const{selectionStart:E,selectionEnd:w}=_;_&&f({target:_,selection:{start:E,end:w}})};(0,n.useEffect)(()=>{if(e){let _="",E="",w=e.href==null?"https://":e.href;if(w&&w.substring(0,7)==="mailto:"){const v=new URL(e.href);_=v.searchParams.get("subject")||"",E=v.searchParams.get("body")||"",w=e.href.split("?")[0],k("mailto:")}else e.href&&(e.href.substring(0,8)==="https://"||e.href.substring(0,7)==="http://"?k("https://"):e.href.substring(0,4)==="tel:"?k("tel:"):e.href.substring(0,4)==="sms:"?k("sms:"):e.href.substring(0,6)==="ftp://"?k("ftp://"):k(""));s.setFieldsValue({...e,href:w,subject:_,body:E})}},[s,e]);const b=_=>{const E=Object.keys(_)[0];let w=_;if(E==="href"){const v=ot(_[E]);if(v!==_[E]&&s.setFieldValue("href",v),v.substring(0,7)==="mailto:"){const P=s.getFieldValue("subject"),j=s.getFieldValue("body"),I=[];P&&I.push(`subject=${encodeURIComponent(P)}`),j&&I.push(`body=${encodeURIComponent(j)}`),w={href:I.length>0?`${v}?${I.join("&")}`:v}}else w={href:v}}if(E==="subject"||E==="body"){const v=s.getFieldValue("href")||"";if(v.substring(0,7)==="mailto:"){const P=v.split("?")[0],j=E==="subject"?_[E]:s.getFieldValue("subject"),I=E==="body"?_[E]:s.getFieldValue("body"),C=[];j&&C.push(`subject=${encodeURIComponent(j)}`),I&&C.push(`body=${encodeURIComponent(I)}`),w={href:C.length>0?`${P}?${C.join("&")}`:P}}else return}l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:w})},R=_=>{l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_TEXT,action:_})};return(0,o.jsx)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_link_form",initialValues:{href:"https://",target:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1,textReplacer:"",subject:"",body:""},onValuesChange:b,autoComplete:"off",className:"element-controls",children:!d||c==="bottom"?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Hyperlink URL"),placement:"left",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"href",style:{marginBottom:24,paddingRight:10},children:(0,o.jsx)(t.ui_kit$Input,{allowClear:!0,placeholder:i("Hyperlink URL"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined}),onSelect:h})})}),a.formLinkFieldInsertImageEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:i("Actions with the chosen text"),dividerTop:!0,children:(0,o.jsx)(t.ui_kit$Form.Item,{children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"PicLeftOutlined",component:t.icons$PicLeftOutlined}),onClick:()=>R("add_img"),children:i("Add inline image")})})}),(0,o.jsx)(gt,{form:s,elementSettings:e,showAddParagraph:!1,linkTarget:p,linkProtocol:x,setLinkProtocol:k})]}):(0,o.jsx)(Ri,{form:s,elementSettings:e,showAddParagraph:!1})})};ol.propTypes={elementSettings:g.default.object.isRequired};var tl=()=>{const{__:e}=r.useI18n();return(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:14,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"height",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:e("Indent height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnHeightOutlined",component:t.icons$ColumnHeightOutlined}),addonAfter:"px"})})})})};tl.propTypes={};var il=({form:e,elementSettings:i})=>(0,o.jsx)(t.ui_kit$Row,{gutter:10,style:{marginBottom:20},children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:i})})});il.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired};var rl=({elementSettings:e})=>{const{__:i}=r.useI18n(),[l]=t.ui_kit$Form.useForm(),s=r.useDispatch(),a=r.useSendPostMessage(),d=r.useSelector(r.selectEmailViewType),c=r.useSelector(r.selectMobileViewActive),p=r.useSelector(r.selectIsCodeMode),f=r.useSelector(r.selectCodeModeDirection),x=p&&f!=="bottom",k=r.useElementEntityKind(),{remember:h,fillFields:b}=st(e);(0,n.useEffect)(()=>{e&&b(l,{...e,height:e.height?.value,heightDim:e.height?.dim,mobileHeight:po(e.mobileHeight?.value||e.height?.value),mobileHeightDim:e.mobileHeight?.dim||e.height?.dim})},[l,e,b]);const R=(0,n.useCallback)(E=>{h(E),s(k==="email"?r.setElementSettings$1(E):r.setElementSettings(E))},[s,k,h]),_=E=>{const w=l.getFieldsValue(!0),v=Object.keys(E)[0];let P;switch(v){case"height":P={[v]:{value:E[v],dim:w.heightDim}};break;case"heightDim":P={height:{value:w.height,dim:E[v]}};break;case"mobileHeight":P={[v]:{classNamePrefix:"em-mob-height-",value:E[v],dim:w.mobileHeightDim}};break;case"mobileHeightDim":P={mobileHeight:{classNamePrefix:"em-mob-height-",value:w.mobileHeight,dim:E[v]}};break;default:P=E}a({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:P}),R({...e,...P,activateSection:null,changeKey:v})};return(0,o.jsxs)(t.ui_kit$Form,{form:l,layout:"vertical",name:"selected_vindent_form",initialValues:{height:"",heightDim:"",mobileHeight:"",mobileHeightDim:""},onValuesChange:_,autoComplete:"off",children:[!x&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),d==="mobile"&&c.styles?(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:d==="mobile"&&c.styles?"block":"none",marginBottom:10},children:(0,o.jsx)(il,{form:l,elementSettings:e})}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",style:{display:d==="mobile"&&c.styles?"none":"block"},children:(0,o.jsx)(tl,{})})]})};rl.propTypes={elementSettings:g.default.object.isRequired};var Ht=({form:e,elementSettings:i,typeOfForm:l="desktop"})=>{const s=r.useSendPostMessage(),a=l==="mobile",d=a?"mobileDirection":"direction",c=f=>{e.setFieldsValue({[d]:f}),s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{[d]:f}})},p=a?i.mobileDirection?.value??"":i.direction??"";return(0,o.jsx)(t.ui_kit$Form.Item,{name:d,className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$FormDirectionControl,{value:p,onChange:c})})},Ut=e=>e.closest(".email-pane__collapse-wrapper")||e.parentNode,vi=({form:e,backgroundImageEmpty:i,appConfig:l,token:s,elementSettings:a,backgroundRepeatOptions:d,handleChangeValues:c})=>{const{__:p}=r.useI18n(),[f,x]=(0,n.useState)(""),[k,h]=(0,n.useState)("px"),[b,R]=(0,n.useState)(""),[_,E]=(0,n.useState)("px"),w=[{label:p("Not defined"),value:""},{label:p("Contain"),value:"contain"},{label:p("Cover"),value:"cover"}],v=I=>{if(!I||typeof I!="string")return{value:"",unit:"px"};I=I.trim();const C=I.match(/^(\d*\.?\d+)(%|px)$/);return C?{value:C[1],unit:C[2]}:{value:I,unit:"px"}};(0,n.useEffect)(()=>{const I=e.getFieldValue("backgroundPositionX"),C=e.getFieldValue("backgroundPositionY"),Y=v(I),z=v(C);x(String(Y.value)),h(Y.unit),R(String(z.value)),E(z.unit)},[e]);const P=(I,C)=>{x(String(I)),h(C),c&&c({backgroundPositionX:{position:I,unit:C}})},j=(I,C)=>{R(String(I)),E(C),c&&c({backgroundPositionY:{position:I,unit:C}})};return(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:8},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:p("Background color"),placement:"bottom",getPopupContainer:Ut,children:(0,o.jsx)("div",{children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"backgroundColor",style:{marginBottom:s.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:p("Background color"),usedColors:a.usedColors,placement:"bottomLeft"})})})})}),l.formCellFieldBackgroundImageEnabled&&(0,o.jsxs)(t.ui_kit$Col,{span:i?12:24,children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:p("Background image"),placement:"bottom",getPopupContainer:Ut,children:(0,o.jsx)("div",{children:(0,o.jsx)(No,{form:e,label:p("Background image"),name:"backgroundImage",tooltipTitle:p("Background image"),placeholder:p("Background image link/route")})})}),!i&&(0,o.jsxs)(t.ui_kit$Form.Item,{style:{marginBottom:"0"},children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:s.formItemMarginBottomXS},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$InputSelect,{options:Vt.horizontal,position:f,setPosition:I=>P(I,k),unit:k,setUnit:I=>P(f,I),placeholder:p("Horizontal position"),prefix:(0,o.jsx)(r.EmIcons,{icon:"BgPositionHorizontal",component:t.icons$BgPositionHorizontal}),dropdownStyle:{bottom:"auto"},tooltipTitle:p("Horizontal position"),getTooltipPopupContainer:Ut})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$InputSelect,{options:Vt.vertical,position:b,setPosition:I=>j(I,_),unit:_,setUnit:I=>j(b,I),placeholder:p("Vertical position"),prefix:(0,o.jsx)(r.EmIcons,{icon:"BgPositionVertical",component:t.icons$BgPositionVertical}),dropdownStyle:{bottom:"auto"},tooltipTitle:p("Vertical position"),getTooltipPopupContainer:Ut})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:p("Background image repeat"),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"backgroundRepeat",style:{marginBottom:s.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Select,{placeholder:p("Please choose"),options:d,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:p("Background image size"),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"backgroundSize",style:{marginBottom:s.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Select,{placeholder:p("Please choose"),options:w,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})})})})]})]})]})]})},Pn=({form:e,elementSettings:i,__:l,appConfig:s})=>{const a=W.useGoogleFontsLoader(),[d,c]=(0,n.useState)(null);return(0,n.useEffect)(()=>{window?.navigator?.userAgent.includes("Macintosh")&&c(!0)},[]),(0,o.jsxs)("div",{style:{marginBottom:"-15px"},children:[s.formTextFieldTypografEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Text font"),placement:"bottom",zIndex:1,getPopupContainer:p=>p.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontFamily",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{textEditor:!0,loadGoogleFonts:a,getPopupContainer:p=>p.closest(".email-pane__collapse-wrapper")})})}),!i.showOnMobile&&(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,placeholder:l("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Line height"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"lineHeight",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:10,max:110,placeholder:l("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textStrong",tooltipTitle:l(d?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textItalic",tooltipTitle:l(d?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textStrikethrough",tooltipTitle:l(d?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:i,name:"textUnderline",tooltipTitle:l(d?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-text-common-form__icon-radius"})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Text color"),placement:"bottom",zIndex:2,getPopupContainer:p=>p.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",rules:[{message:l("Please set the font color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:l("Color"),usedColors:i.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Text background"),placement:"bottom",zIndex:2,getPopupContainer:p=>p.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textBackgroundColor",rules:[{message:l("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:l("Background color"),usedColors:i.usedColors})})})})]})]})},ll=({form:e,elementSettings:i,boxShadow:l,bordersShow:s,borderRadiusShow:a,boxShadowShow:d,backgroundShow:c,backgroundImageEmpty:p,backgroundRepeatOptions:f,sizeShow:x,maxWidthValue:k,modificationShow:h,paddingsExt:b,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,elementListShow:E,togglePaddingHandler:w,toggleShowBorderHandler:v,toggleShowBorderRadiusHandler:P,toggleShowBoxShadowHandler:j,toggleShowSizeHandler:I,toggleShowBackgroundHandler:C,toggleShowModificationHandler:Y,handleChangeValues:z})=>{const{__:O}=r.useI18n(),{token:N}=(0,t.ui_kit$useToken)(),S=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(it,{form:e,elementSettings:i})}),S.formCellFieldVerticalAlignEnabled&&i.type!=="group"&&(i.type!=="structure"||i.type==="structure"&&i.floatBlocks.items.length===1)&&(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Mo,{form:e,elementSettings:i})})]}),S.formCellFieldPaddingsEnabled&&(0,o.jsxs)(o.Fragment,{children:[E&&(0,o.jsx)("div",{style:{marginTop:"15px"},children:(0,o.jsx)(Pn,{form:e,elementSettings:i,appConfig:S,__:O})}),(0,o.jsx)(t.ui_kit$FormSection,{title:O("Padding"),dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormPaddingInputs,{extended:b,onToggleExtended:w,showHorizontal:i.type!=="group"&&i.type!=="column",rowStyle:{paddingBottom:4},labels:{horizontal:O("Horizontal padding"),vertical:O("Vertical padding"),left:O("Left padding"),right:O("Right padding"),top:O("Top padding"),bottom:O("Bottom padding"),individual:O("Individual padding")}})})]}),i.type!=="group"&&S.formCellFieldSizeEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:O("Size"),collapsible:!0,open:x,onToggle:I,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormSizeInputs,{showWidth:i.type!=="structure"&&i.type!=="column",maxWidth:k,dimensionSelect:$o,rowStyle:{paddingBottom:4},labels:{width:O("Width"),height:O("Height"),minWidth:O("Minimum width"),maxWidth:O("Maximum width")}})}),(0,o.jsxs)(t.ui_kit$FormSection,{title:O("Background"),collapsible:!0,open:c,onToggle:C,dividerTop:!0,children:[(0,o.jsx)(vi,{form:e,backgroundImageEmpty:p,appConfig:S,token:N,elementSettings:i,backgroundRepeatOptions:f,handleChangeValues:z}),(0,o.jsx)(rt,{form:e,showBackground:!0})]}),S.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:O("Borders"),collapsible:!0,open:s,onToggle:v,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,elementSettings:i})}),S.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:O("Border radius"),collapsible:!0,open:a,onToggle:P,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,elementSettings:i})}),S.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:O("Box shadow"),collapsible:!0,open:d,onToggle:j,dividerTop:!0,children:(0,o.jsx)(jo,{})}),S.formFieldExportAsPictureEnabled&&i.type!=="group"&&(0,o.jsxs)(t.ui_kit$FormSection,{title:O("Settings"),collapsible:!0,open:h,onToggle:Y,dividerTop:!0,children:[i.type==="structure"&&(0,o.jsx)(t.ui_kit$Tooltip,{title:O("The block will change its colors to contrasting colors. You can change them in the Content Styles section."),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"isContrastBlock",valuePropName:"checked",style:{marginBottom:0},children:(0,o.jsx)(t.ui_kit$Switch,{id:"contrast-colors",label:O("Contrast block"),size:"small",labelStyle:{position:"relative",top:2}})})},"isContrastBlock"),(0,o.jsx)(yi,{form:e,elementSettings:i})]}),S.formFieldVisibilityEnabled&&i.type!=="column"&&(0,o.jsx)(t.ui_kit$FormSection,{title:O(i.type!=="group"?"Display control & Direction":"Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e,directionControl:i.type!=="group"?(0,o.jsx)(Ht,{elementSettings:i,form:e}):void 0})}),S.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:O("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};ll.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,backgroundShow:g.default.bool,backgroundImageEmpty:g.default.bool,backgroundRepeatOptions:g.default.array,sizeShow:g.default.bool,maxWidthValue:g.default.oneOfType([g.default.string,g.default.number]),modificationShow:g.default.bool,paddingsExt:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,elementListShow:g.default.bool,togglePaddingHandler:g.default.func,toggleShowBorderHandler:g.default.func,toggleShowBorderRadiusHandler:g.default.func,toggleShowBoxShadowHandler:g.default.func,toggleShowSizeHandler:g.default.func,toggleShowBackgroundHandler:g.default.func,toggleShowModificationHandler:g.default.func,handleChangeValues:g.default.func};var Wt=({form:e,elementSettings:i,mobilePaddingsExt:l,setMobilePaddingsExt:s,rowStyle:a})=>{const{__:d}=r.useI18n(),c=r.useSendPostMessage(),p=()=>{s(x=>!x);const f=e.getFieldsValue(!0);l||(f.mobilePaddingLeftRight=f.mobilePaddingLeft,f.mobilePaddingTopBottom=f.mobilePaddingTop,f.mobilePaddingRight=f.mobilePaddingLeft,f.mobilePaddingBottom=f.mobilePaddingTop,c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobilePadding:{top:f.mobilePaddingTop!==""?f.mobilePaddingTop:null,bottom:f.mobilePaddingTopBottom!==""?f.mobilePaddingTopBottom:null,left:f.mobilePaddingLeft!==""?f.mobilePaddingLeft:null,right:f.mobilePaddingRight!==""?f.mobilePaddingRight:null,classNamePrefix:"em-mob-padding_"}}}))};return(0,o.jsx)(t.ui_kit$FormPaddingInputs,{typeOfForm:"mobile",extended:l,onToggleExtended:p,showHorizontal:!0,gutter:10,rowStyle:a,labels:{horizontal:d("Horizontal padding"),vertical:d("Vertical padding"),left:d("Left padding"),right:d("Right padding"),top:d("Top padding"),bottom:d("Bottom padding"),individual:d("Individual padding")}})};Wt.propTypes={form:g.default.shape({getFieldsValue:g.default.func.isRequired}).isRequired,elementSettings:g.default.object.isRequired,mobilePaddingsExt:g.default.bool.isRequired,setMobilePaddingsExt:g.default.func.isRequired,rowStyle:g.default.object};var sl=({form:e,elementSettings:i,boxShadow:l,mobileBordersShow:s,mobileBorderRadiusShow:a,mobileBoxShadowShow:d,mobileSizeShow:c,mobileBackgroundShow:p,mobilePaddingShow:f,mobilePaddingsExt:x,setMobilePaddingsExt:k,oneMobileBorderRadiusValue:h,setOneMobileBorderRadiusValue:b,toggleShowMobileBorderHandler:R,toggleShowMobileBorderRadiusHandler:_,toggleShowMobileBoxShadowHandler:E,toggleShowMobileSizeHandler:w,toggleShowMobileBackgroundHandler:v,toggleShowMobilePaddingHandler:P})=>{const{__:j}=r.useI18n(),I=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:20,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Uo,{form:e,elementSettings:i,imgParent:!0,typeOfForm:"mobile"})}),I.formCellFieldVerticalAlignEnabled&&i.type!=="group"&&(i.type!=="structure"||i.type==="structure"&&i.floatBlocks.items.length===1)&&(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Mo,{form:e,elementSettings:i,typeOfForm:"mobile"})})]}),I.formCellFieldPaddingsEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Padding"),collapsible:!0,open:f,onToggle:P,dividerTop:!0,children:(0,o.jsx)(Wt,{form:e,elementSettings:i,mobilePaddingsExt:x,setMobilePaddingsExt:k,rowStyle:{paddingBottom:4}})}),i.type!=="group"&&I.formCellFieldSizeEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Size"),collapsible:!0,open:c,onToggle:w,dividerTop:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:9},children:[i.type!=="structure"&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)("div",{style:{marginBottom:15},children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)("div",{style:{marginBottom:15},children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:i})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:j("Background"),collapsible:!0,open:p,onToggle:v,dividerTop:!0,children:(0,o.jsx)(Bt,{elementSettings:Go(i),imageEnabled:I.formCellFieldBackgroundImageEnabled,desktopBackground:xt(i)})}),I.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Borders"),collapsible:!0,open:s,onToggle:R,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,typeOfForm:"mobile"})}),I.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Border radius"),collapsible:!0,open:a,onToggle:_,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:h,setOneBorderRadiusValue:b,elementSettings:i,typeOfForm:"mobile"})}),I.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Box shadow"),collapsible:!0,open:d,onToggle:E,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile"})}),I.formFieldVisibilityEnabled&&i.type!=="column"&&(0,o.jsx)(t.ui_kit$FormSection,{title:j(i.type!=="group"?"Display control & Direction":"Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e,directionControl:i.type!=="group"?(0,o.jsx)(Ht,{elementSettings:i,form:e,typeOfForm:"mobile"}):void 0})}),I.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};sl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,mobileSizeShow:g.default.bool,mobileBackgroundShow:g.default.bool,mobilePaddingShow:g.default.bool,mobilePaddingsExt:g.default.bool,setMobilePaddingsExt:g.default.func,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,toggleShowMobileBorderHandler:g.default.func,toggleShowMobileBorderRadiusHandler:g.default.func,toggleShowMobileBoxShadowHandler:g.default.func,toggleShowMobileSizeHandler:g.default.func,toggleShowMobileBackgroundHandler:g.default.func,toggleShowMobilePaddingHandler:g.default.func};var al=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),s=r.useDispatch(),[a]=t.ui_kit$Form.useForm(),d=Fo(),c=Fo(),[p,f]=(0,n.useState)(""),[x,k]=(0,n.useState)({}),[h,b]=(0,n.useState)(!0),[R,_]=(0,n.useState)(!0),E=r.useSelector(r.selectEmailViewType),w=r.useSelector(r.selectMobileViewActive);r.useAppConfig();const[v,P]=(0,n.useState)(e.backgroundImage[0].value===""),j=r.useSelector(r.selectIsCodeMode),I=r.useSelector(r.selectCodeModeDirection),C=j&&I!=="bottom",[Y,z]=(0,n.useState)(!1),[O,N]=(0,n.useState)(!1),[S,Q]=(0,n.useState)(!1),[J,re]=(0,n.useState)(!1),[te,pe]=(0,n.useState)(!1),[be,ae]=(0,n.useState)(!1),[xe,Ie]=(0,n.useState)(!1),[ne,Fe]=(0,n.useState)(!1),[je,le]=(0,n.useState)(!1),[Ee,ce]=(0,n.useState)(!1),[ee,ue]=(0,n.useState)(!1),[se,Z]=(0,n.useState)(!1),[q,G]=(0,n.useState)(!1),[X,ie]=(0,n.useState)(!1),[Be,ge]=(0,n.useState)(!1),Pe=r.useElementEntityKind(),Re=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}],Le=e.border,K=e.mobileBorder,de=Object.keys(Le).find(y=>Le[y]?.width||Le[y]?.style||Le[y]?.color),ve=Object.keys(K).find(y=>K[y]?.width||K[y]?.style||K[y]?.color),H=y=>y&&(y?.width||y?.style||y?.color)?y:"",{remember:Te,fillFields:we}=st(e);(0,n.useEffect)(()=>{if(e){const y=e.boxShadow;k(y),we(a,{...e,width:e.width?.value,widthDim:e.width?.dim,height:e.height?.value,heightDim:e.height?.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",isContrastBlock:e.isContrastBlock,borderAll:u(e.border.all),borderTop:u(e.border.top),borderBottom:u(e.border.bottom),borderRight:u(e.border.right),borderLeft:u(e.border.left),mobileBorderAll:H(e.mobileBorder.all)||!(H(e.mobileBorder.top)||H(e.mobileBorder.bottom)||H(e.mobileBorder.right)||H(e.mobileBorder.left))&&H(e.border.all),mobileBorderTop:H(e.mobileBorder.top)||!H(e.mobileBorder.all)&&H(e.border.top),mobileBorderBottom:H(e.mobileBorder.bottom)||!H(e.mobileBorder.all)&&H(e.border.bottom),mobileBorderRight:H(e.mobileBorder.right)||!H(e.mobileBorder.all)&&H(e.border.right),mobileBorderLeft:H(e.mobileBorder.left)||!H(e.mobileBorder.all)&&H(e.border.left),paddingTop:u(e.padding?.all)||u(e.padding?.top),paddingLeft:u(e.padding?.all)||u(e.padding?.left),paddingRight:u(e.padding?.all)||u(e.padding?.right),paddingBottom:u(e.padding?.all)||u(e.padding?.bottom),paddingLeftRight:u(e.padding?.left)||u(e.padding?.right),paddingTopBottom:u(e.padding?.top)||u(e.padding?.bottom),borderRadiusAll:u(e.borderRadius.all),borderRadiusTopLeft:u(e.borderRadius.topLeft),borderRadiusBottomLeft:u(e.borderRadius.bottomLeft),borderRadiusTopRight:u(e.borderRadius.topRight),borderRadiusBottomRight:u(e.borderRadius.bottomRight),boxShadowInset:u(e.boxShadow?.inset)||!1,boxShadowHOffset:u(e.boxShadow?.hOffset),boxShadowVOffset:u(e.boxShadow?.vOffset),boxShadowBlurRadius:u(e.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.boxShadow?.spreadRadius),boxShadowColor:u(e.boxShadow?.color),mobileWidth:po(e.mobileWidth?.value)||po(e.width?.value),mobileWidthDim:po(e.mobileWidth?.value)?e.mobileWidth?.dim:e.width?.dim,mobileHeight:po(e.mobileHeight?.value)||po(e.height?.value),mobileHeightDim:po(e.mobileHeight?.value)?e.mobileHeight?.dim:e.height?.dim,mobileBorderRadiusAll:u(e.mobileBorderRadius?.all)||u(e.borderRadius?.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius?.topLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topLeft)||u(e.borderRadius?.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius?.bottomLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomLeft)||u(e.borderRadius?.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius?.topRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topRight)||u(e.borderRadius?.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius?.bottomRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomRight)||u(e.borderRadius?.all),mobileBoxShadowInset:e.mobileBoxShadow?.inset!=null?e.mobileBoxShadow.inset:e.boxShadow?.inset||!1,mobileBoxShadowHOffset:u(e.mobileBoxShadow?.hOffset)||u(e.boxShadow?.hOffset),mobileBoxShadowVOffset:u(e.mobileBoxShadow?.vOffset)||u(e.boxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.mobileBoxShadow?.blurRadius)||u(e.boxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.mobileBoxShadow?.spreadRadius)||u(e.boxShadow?.spreadRadius),mobileBoxShadowColor:u(e.mobileBoxShadow?.color)||u(e.boxShadow?.color),mobileAlign:u(e.mobileAlign?.value)||e.align,mobileVerticalAlign:u(e.mobileVerticalAlign?.value||e.valign),mobileDirection:u(e.mobileDirection?.value),mobileBackgroundColor:u(e.mobileBackgroundColor?.value||e.backgroundColor||""),...nt(e),mobilePaddingTop:u(e.mobilePadding.all)||u(e.mobilePadding.top)||u(e.padding?.all)||u(e.padding?.top),mobilePaddingLeft:u(e.mobilePadding.all)||u(e.mobilePadding.left)||u(e.padding?.all)||u(e.padding?.left),mobilePaddingRight:u(e.mobilePadding.all)||u(e.mobilePadding.right)||u(e.padding?.all)||u(e.padding?.right),mobilePaddingBottom:u(e.mobilePadding.all)||u(e.mobilePadding.bottom)||u(e.padding?.all)||u(e.padding?.bottom),mobilePaddingTopBottom:u(e.mobilePadding.top)||u(e.mobilePadding.bottom)||u(e.padding?.top)||u(e.padding?.bottom),mobilePaddingLeftRight:u(e.mobilePadding.left)||u(e.mobilePadding.right)||u(e.padding?.left)||u(e.padding?.right),exportAsPicture:e?.exportAsPicture}),!u(e.borderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?b(!1):b(!0),!u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||!u(e.borderRadius.all)&&!u(e.mobileBorderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?_(!1):_(!0),P(e.backgroundImage[0].value===""),!u(e.padding.all)&&(u(e.padding.top)||u(e.padding.right)||u(e.padding.bottom)||u(e.padding.left))&&(e.padding.top!==e.padding.bottom||e.padding.right!==e.padding.left)?z(!1):z(!0),!u(e.mobilePadding.all)&&(u(e.mobilePadding.top)||u(e.mobilePadding.right)||u(e.mobilePadding.bottom)||u(e.mobilePadding.left))&&(e.mobilePadding.top!==e.mobilePadding.bottom||e.mobilePadding.right!==e.mobilePadding.left)||!u(e.padding?.all)&&(u(e.padding?.top)||u(e.padding?.right)||u(e.padding?.bottom)||u(e.padding?.left))&&(e.padding?.top!==e.padding?.bottom||e.padding?.right!==e.padding?.left)?N(!1):N(!0);const M=d.isStaleBorderSnapshot(e,!!de),fe=c.isStaleBorderSnapshot(e,!!ve);M&&a.setFieldsValue({border:r.RESET_BORDER_PARAMS,borderAll:null,borderTop:null,borderBottom:null,borderRight:null,borderLeft:null}),(fe||M&&!ve)&&a.setFieldsValue({mobileBorder:r.RESET_BORDER_PARAMS,mobileBorderAll:null,mobileBorderTop:null,mobileBorderBottom:null,mobileBorderRight:null,mobileBorderLeft:null}),Q(Ne=>de&&!M?!0:Ne),re(Ne=>de&&!M||ve&&!fe?!0:Ne),pe(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),ae(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight||!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),Ie(!!e.boxShadow),Fe(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),le(!!e.width.value&&e.type!=="column"||!!e.height.value),ce(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value&&e.type!=="column"||!!e.height.value),ue(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),Z(!!e.mobileBackgroundColor.value||!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),kt(e)&&Z(!0),G(!!e.exportAsPicture||!!e.isContrastBlock),ie(!!e.mobilePadding.all||e.mobilePadding.all===0||!!e.mobilePadding.top||e.mobilePadding.top===0||!!e.mobilePadding.bottom||e.mobilePadding.bottom===0||!!e.mobilePadding.left||e.mobilePadding.left===0||!!e.mobilePadding.right||e.mobilePadding.right===0||!!e.padding.all||e.padding.all===0||!!e.padding.top||e.padding.top===0||!!e.padding.bottom||e.padding.bottom===0||!!e.padding.left||e.padding.left===0||!!e.padding.right||e.padding.right===0),e.elementName==="List"?ge(!0):ge(!1)}},[a,e,de,ve,d,c,we]);const Ae=(0,n.useCallback)(y=>{Te(y),s(Pe==="email"?r.setElementSettings$1(y):r.setElementSettings(y))},[s,Pe,Te]),Ve=y=>{const M=a.getFieldsValue(!0),fe=Object.keys(y)[0];let Ne;switch(f(a.getFieldsValue(!0).widthDim==="%"?100:""),fe){case"exportAsPicture":Ne={exportAsPicture:M.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":Ne={boxShadow:{hOffset:M.boxShadowHOffset,vOffset:M.boxShadowVOffset,blurRadius:M.boxShadowBlurRadius,spreadRadius:M.boxShadowSpreadRadius,color:M.boxShadowColor,inset:M.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":M.borderPosition==="borderAll"?(Ne={border:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...M.borderAll}}},a.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER})):M.borderAll?.width||M.borderAll?.style||M.borderAll?.color?(Ne={border:{all:null,left:M.borderAll,right:M.borderAll,top:M.borderAll,bottom:M.borderAll,[W.REVERSE_BORDER_POSITIONS[fe]]:{...M[fe],...y[fe]}}},a.setFieldsValue({borderAll:null,borderLeft:M.borderAll,borderRight:M.borderAll,borderTop:M.borderAll,borderBottom:M.borderAll,[fe]:{...M[fe],...y[fe]}})):(Ne={border:{all:null,left:M.borderLeft,right:M.borderRight,top:M.borderTop,bottom:M.borderBottom,[W.REVERSE_BORDER_POSITIONS[fe]]:{...M[fe],...y[fe]}}},a.setFieldsValue({border:Ne.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if(M.mobileBorderPosition==="mobileBorderAll")Ne={mobileBorder:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...M.mobileBorderAll,classNamePrefix:"em-mob-border_"+W.MOBILE_REVERSE_BORDER_POSITIONS[fe]+"-"}}},a.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER});else{const eo=W.MOBILE_REVERSE_BORDER_POSITIONS[fe],Xe={...M[fe],...y[fe]},lo=!Xe?.width&&!Xe?.style&&!Xe?.color;if(M.mobileBorder?.all?.width||M.mobileBorder?.all?.style||M.mobileBorder?.all?.color){const Qe=M.mobileBorderAll;Ne={mobileBorder:{all:null,left:Qe,right:Qe,top:Qe,bottom:Qe,[eo]:lo?null:{...Xe,classNamePrefix:"em-mob-border_"+eo+"-"}}},a.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:Qe,mobileBorderRight:Qe,mobileBorderTop:Qe,mobileBorderBottom:Qe,[fe]:Xe})}else{const Qe=e.mobileBorder||{},uo=Eo=>{const B=Qe[Eo];return B&&(B?.width||B?.style||B?.color)?B:null};Ne={mobileBorder:{all:null,left:eo==="left"?lo?null:{...Xe,classNamePrefix:"em-mob-border_left-"}:uo("left"),right:eo==="right"?lo?null:{...Xe,classNamePrefix:"em-mob-border_right-"}:uo("right"),top:eo==="top"?lo?null:{...Xe,classNamePrefix:"em-mob-border_top-"}:uo("top"),bottom:eo==="bottom"?lo?null:{...Xe,classNamePrefix:"em-mob-border_bottom-"}:uo("bottom")}},a.setFieldsValue({[fe]:Xe})}}break;case"width":Ne={[fe]:{value:y[fe],dim:M.widthDim}};break;case"height":Ne={[fe]:{value:y[fe],dim:M.heightDim}};break;case"widthDim":Ne={width:{value:M.width,dim:y[fe]}};break;case"heightDim":Ne={height:{value:M.height,dim:y[fe]}};break;case"backgroundImage":P(y[fe]===""),Ne={[fe]:[{...e.backgroundImage[0],value:y[fe]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":Ne={padding:{left:M.paddingLeft,right:M.paddingRight,top:M.paddingTop,bottom:M.paddingBottom,[W.PADDING_POSITION[fe]]:+y[fe]}};break;case"paddingTopBottom":Ne={padding:{left:M.paddingLeft,right:M.paddingRight,top:+y[fe],bottom:+y[fe]}},M.paddingTop=M.paddingBottom=+y[fe];break;case"paddingLeftRight":Ne={padding:{top:M.paddingTop,bottom:M.paddingBottom,left:+y[fe],right:+y[fe]}},M.paddingLeft=M.paddingRight=+y[fe];break;case"borderRadiusAll":Ne={borderRadius:{[W.BORDER_RADIUS_POSITION[fe]]:+y[fe]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":Ne={borderRadius:{topLeft:M.borderRadiusTopLeft,bottomLeft:M.borderRadiusBottomLeft,topRight:M.borderRadiusTopRight,bottomRight:M.borderRadiusBottomRight,[W.BORDER_RADIUS_POSITION[fe]]:+y[fe]}};break;case"mobileWidth":Ne={[fe]:{classNamePrefix:"em-mob-width-",value:y[fe],dim:M.mobileWidthDim}};break;case"mobileWidthDim":Ne={mobileWidth:{classNamePrefix:"em-mob-width-",value:M.mobileWidth||100,dim:y[fe]}};break;case"mobileHeight":Ne={[fe]:{classNamePrefix:"em-mob-height-",value:y[fe],dim:M.mobileHeightDim}};break;case"mobileHeightDim":Ne={mobileHeight:{classNamePrefix:"em-mob-height-",value:M.mobileHeight,dim:y[fe]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":Ne={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[fe]]:y[fe],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[fe]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":Ne={mobileBoxShadow:{hOffset:M.mobileBoxShadowHOffset,vOffset:M.mobileBoxShadowVOffset,blurRadius:M.mobileBoxShadowBlurRadius,spreadRadius:M.mobileBoxShadowSpreadRadius,color:M.mobileBoxShadowColor,inset:M.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":Ne={[fe]:{classNamePrefix:"em-mob-text_align-",value:y[fe]}};break;case"mobileVerticalAlign":Ne={[fe]:{classNamePrefix:"em-mob-vertical_align-",value:y[fe]}};break;case"mobileDirection":Ne={[fe]:{classNamePrefix:"em-mob-direction-",value:y[fe]}};break;case"mobileBackgroundColor":case"mobileBackgroundImage":case"mobileBackgroundPositionX":case"mobileBackgroundPositionY":case"mobileBackgroundRepeat":case"mobileBackgroundSize":if(Ne=_t(y),!Ne)return;break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":Ne={mobilePadding:{all:null,top:M.mobilePaddingTop!==""?M.mobilePaddingTop:null,right:M.mobilePaddingRight!==""?M.mobilePaddingRight:null,bottom:M.mobilePaddingBottom!==""?M.mobilePaddingBottom:null,left:M.mobilePaddingLeft!==""?M.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":M.mobilePaddingTop=M.mobilePaddingBottom=y[fe],Ne={mobilePadding:{all:null,top:M.mobilePaddingTop!==""?M.mobilePaddingTop:null,right:M.mobilePaddingRight!==""?M.mobilePaddingRight:null,bottom:M.mobilePaddingBottom!==""?M.mobilePaddingBottom:null,left:M.mobilePaddingLeft!==""?M.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":M.mobilePaddingLeft=M.mobilePaddingRight=y[fe],Ne={mobilePadding:{all:null,top:M.mobilePaddingTop!==""?M.mobilePaddingTop:null,right:M.mobilePaddingRight!==""?M.mobilePaddingRight:null,bottom:M.mobilePaddingBottom!==""?M.mobilePaddingBottom:null,left:M.mobilePaddingLeft!==""?M.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"backgroundPositionX":case"backgroundPositionY":Ne={[fe]:isNaN(parseFloat(y[fe].position))?y[fe].position:y[fe].position+y[fe].unit};break;default:Ne=y}fe!=="borderPosition"&&fe!=="mobileBorderPosition"&&(l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:Ne}),fe!=="mobileBorderRadiusAll"&&fe!=="mobileBorderRadiusTopLeft"&&fe!=="mobileBorderRadiusTopRight"&&fe!=="mobileBorderRadiusBottomLeft"&&fe!=="mobileBorderRadiusBottomRight"&&Ae({...e,...Ne,mobileBorderRadius:{...e.mobileBorderRadius,...Ne?.mobileBorderRadius},activateSection:null,changeKey:fe}))},Me=()=>{z(M=>!M);const y=a.getFieldsValue(!0);Y||(y.paddingLeftRight=y.paddingLeft,y.paddingTopBottom=y.paddingTop,y.paddingRight=y.paddingLeft,y.paddingBottom=y.paddingTop,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:y.paddingTopBottom,bottom:y.paddingTopBottom,left:y.paddingLeftRight,right:y.paddingLeftRight}}}))},He=()=>{const y=a.getFieldsValue(!0);d.markBorderToggled(!S),setTimeout(()=>{Q(M=>!M),S?(y.borderAll=W.NULL_BORDER,y.borderTop=W.NULL_BORDER,y.borderBottom=W.NULL_BORDER,y.borderRight=W.NULL_BORDER,y.borderLeft=W.NULL_BORDER):y.borderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:y.borderAll.color,style:y.borderAll.style,width:y.borderAll.width}}}})})},D=()=>{const y=a.getFieldsValue(!0);c.markBorderToggled(!J),setTimeout(()=>{re(M=>!M),J?(y.mobileBorderAll=W.NULL_BORDER,y.mobileBorderTop=W.NULL_BORDER,y.mobileBorderBottom=W.NULL_BORDER,y.mobileBorderRight=W.NULL_BORDER,y.mobileBorderLeft=W.NULL_BORDER):y.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:y.mobileBorderAll.color,style:y.mobileBorderAll.style,width:y.mobileBorderAll.width}}}})})},me=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{pe(M=>!M),te?(y.borderRadiusAll=0,b(!0)):y.borderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:y.borderRadiusAll}}})})},V=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{ae(M=>!M),be?(y.mobileBorderRadiusAll=null,_(!0)):y.mobileBorderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:y.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},oe=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{Ie(M=>!M),xe?(y.boxShadowInset=!1,y.boxShadowHOffset=null,y.boxShadowVOffset=null,y.boxShadowBlurRadius=null,y.boxShadowSpreadRadius=null,y.boxShadowColor=""):(y.boxShadowInset=!1,y.boxShadowHOffset=5,y.boxShadowVOffset=5,y.boxShadowBlurRadius=10,y.boxShadowSpreadRadius=-5,y.boxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:y.boxShadowBlurRadius,color:y.boxShadowColor,hOffset:y.boxShadowHOffset,inset:y.boxShadowInset,spreadRadius:y.boxShadowSpreadRadius,vOffset:y.boxShadowVOffset}}})})},ke=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{Fe(M=>!M),ne?(y.mobileBoxShadowInset=!1,y.mobileBoxShadowHOffset=null,y.mobileBoxShadowVOffset=null,y.mobileBoxShadowBlurRadius=null,y.mobileBoxShadowSpreadRadius=null,y.mobileBoxShadowColor=""):(y.mobileBoxShadowInset=!1,y.mobileBoxShadowHOffset=5,y.mobileBoxShadowVOffset=5,y.mobileBoxShadowBlurRadius=10,y.mobileBoxShadowSpreadRadius=-5,y.mobileBoxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:y.mobileBoxShadowBlurRadius,color:y.mobileBoxShadowColor,hOffset:y.mobileBoxShadowHOffset,inset:y.mobileBoxShadowInset,spreadRadius:y.mobileBoxShadowSpreadRadius,vOffset:y.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},$e=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{le(M=>!M),je&&(y.width="",y.height="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},height:{value:null,dim:"px"}}}))})},ze=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{ce(M=>!M),Ee&&(y.mobileWidth="",y.mobileHeight="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},Ge=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{ue(M=>!M),ee?(y.backgroundColor="",y.backgroundImage="",y.backgroundPositionX="",y.backgroundPositionY="",y.backgroundRepeat="none",y.backgroundSize="",P(!0)):(y.backgroundColor="#E5E5E5",y.backgroundSize="",y.backgroundRepeat="none"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:y.backgroundColor,backgroundImage:[{type:"url",value:y.backgroundImage}],backgroundPositionX:y.backgroundPositionX,backgroundPositionY:y.backgroundPositionY,backgroundRepeat:y.backgroundRepeat,backgroundSize:y.backgroundSize}})})},Ye=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{Z(M=>!M),se?y.mobileBackgroundColor="":y.mobileBackgroundColor="#E5E5E5",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:y.mobileBackgroundColor}}}),se&&Et(a,e,l)})},F=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{G(M=>!M),q&&(y.exportAsPicture=!1,y.isContrastBlock=!1,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1,isContrastBlock:!1}}))})},L=()=>{const y=a.getFieldsValue(!0);setTimeout(()=>{ie(M=>!M),X&&(y.mobilePaddingLeftRight="",y.mobilePaddingLeft="",y.mobilePaddingRight="",y.mobilePaddingTopBottom="",y.mobilePaddingTop="",y.mobilePaddingBottom="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})};return(0,o.jsx)(t.ui_kit$Form,{form:a,layout:"vertical",name:"selected_td_form",initialValues:{horizontalPosition:"",horizontalUnit:"px",backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",align:"",valign:"",border:"",show:"all",borderPosition:W.BORDER_POSITIONS[de]||"borderAll",mobileBorderPosition:W.MOBILE_BORDER_POSITIONS[ve]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",direction:"",boxShadowInset:"",boxShadowHOffset:"",boxShadowVOffset:"",boxShadowBlurRadius:"",boxShadowSpreadRadius:"",boxShadowColor:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileDirection:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1},onValuesChange:Ve,autoComplete:"off",className:"element-controls",children:E==="mobile"&&w.styles?(0,o.jsxs)("div",{className:"selected_form-mobile-props-wrapper",style:{display:E==="mobile"&&w.styles?"flex":"none"},children:[(0,o.jsx)("div",{className:"selected_form-mobile-props-header",children:!C&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})})}),(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:(0,o.jsx)(sl,{form:a,elementSettings:e,boxShadow:x,mobileBordersShow:J,mobileBorderRadiusShow:be,mobileBoxShadowShow:ne,mobileSizeShow:Ee,mobileBackgroundShow:se,mobilePaddingShow:X,mobilePaddingsExt:O,setMobilePaddingsExt:N,oneMobileBorderRadiusValue:R,setOneMobileBorderRadiusValue:_,toggleShowMobileBorderHandler:D,toggleShowMobileBorderRadiusHandler:V,toggleShowMobileBoxShadowHandler:ke,toggleShowMobileSizeHandler:ze,toggleShowMobileBackgroundHandler:Ye,toggleShowMobilePaddingHandler:L})})]}):(0,o.jsxs)(o.Fragment,{children:[!C&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(ll,{form:a,elementSettings:e,boxShadow:x,bordersShow:S,borderRadiusShow:te,boxShadowShow:xe,backgroundShow:ee,backgroundImageEmpty:v,backgroundRepeatOptions:Re,sizeShow:je,maxWidthValue:p,modificationShow:q,paddingsExt:Y,oneBorderRadiusValue:h,setOneBorderRadiusValue:b,elementListShow:Be,togglePaddingHandler:Me,toggleShowBorderHandler:He,toggleShowBorderRadiusHandler:me,toggleShowBoxShadowHandler:oe,toggleShowSizeHandler:$e,toggleShowBackgroundHandler:Ge,toggleShowModificationHandler:F,handleChangeValues:Ve})})]})})};al.propTypes={elementSettings:g.default.object.isRequired};var nl=({form:e,elementSettings:i,boxShadow:l,bordersShow:s,borderRadiusShow:a,boxShadowShow:d,backgroundShow:c,backgroundImageEmpty:p,backgroundRepeatOptions:f,sizeShow:x,maxWidthValue:k,modificationShow:h,paddingShow:b,paddingsExt:R,oneBorderRadiusValue:_,setOneBorderRadiusValue:E,togglePaddingHandler:w,toggleShowPaddingHandler:v,toggleShowBorderHandler:P,toggleShowBorderRadiusHandler:j,toggleShowBoxShadowHandler:I,toggleShowSizeHandler:C,toggleShowBackgroundHandler:Y,toggleShowModificationHandler:z,handleChangeValues:O})=>{const{__:N}=r.useI18n(),{token:S}=(0,t.ui_kit$useToken)(),Q=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-desktop-props-title",title:N("Appearance on mobile devices"),type:"info"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:20,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(it,{form:e,elementSettings:i})}),(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Mo,{form:e,elementSettings:i})})]}),Q.formCellFieldPaddingsEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Padding"),collapsible:!0,open:b,onToggle:v,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormPaddingInputs,{extended:R,onToggleExtended:w,labels:{horizontal:N("Horizontal padding"),vertical:N("Vertical padding"),left:N("Left padding"),right:N("Right padding"),top:N("Top padding"),bottom:N("Bottom padding"),individual:N("Individual padding")}})}),(0,o.jsx)(t.ui_kit$FormSection,{title:N("Size"),collapsible:!0,open:x,onToggle:C,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormSizeInputs,{maxWidth:k,dimensionSelect:$o,showMinMax:!0,minWidthDimensionSelect:$o,maxWidthDimensionSelect:$o,labels:{width:N("Width"),height:N("Height"),minWidth:N("Minimum width"),maxWidth:N("Maximum width")}})}),(0,o.jsxs)(t.ui_kit$FormSection,{title:N("Background"),collapsible:!0,open:c,onToggle:Y,dividerTop:!0,children:[(0,o.jsx)(vi,{form:e,backgroundImageEmpty:p,appConfig:Q,token:S,elementSettings:i,backgroundRepeatOptions:f,handleChangeValues:O}),(0,o.jsx)(rt,{form:e,showBackground:!0})]}),Q.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Borders"),collapsible:!0,open:s,onToggle:P,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,elementSettings:i})}),Q.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Border radius"),collapsible:!0,open:a,onToggle:j,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:_,setOneBorderRadiusValue:E,elementSettings:i})}),Q.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Box shadow"),collapsible:!0,open:d,onToggle:I,dividerTop:!0,children:(0,o.jsx)(jo,{})}),Q.formFieldExportAsPictureEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Export settings"),collapsible:!0,open:h,onToggle:z,dividerTop:!0,children:(0,o.jsx)(yi,{form:e,elementSettings:i})}),Q.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("Display control & Direction"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e,directionControl:(0,o.jsx)(Ht,{elementSettings:i,form:e})})}),Q.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:N("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};nl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,backgroundShow:g.default.bool,backgroundImageEmpty:g.default.bool,backgroundRepeatOptions:g.default.array,sizeShow:g.default.bool,maxWidthValue:g.default.oneOfType([g.default.string,g.default.number]),modificationShow:g.default.bool,paddingShow:g.default.bool,paddingsExt:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,togglePaddingHandler:g.default.func,toggleShowPaddingHandler:g.default.func,toggleShowBorderHandler:g.default.func,toggleShowBorderRadiusHandler:g.default.func,toggleShowBoxShadowHandler:g.default.func,toggleShowSizeHandler:g.default.func,toggleShowBackgroundHandler:g.default.func,toggleShowModificationHandler:g.default.func,handleChangeValues:g.default.func};var dl=({form:e,elementSettings:i,mobileBoxShadow:l,mobileBordersShow:s,mobileBorderRadiusShow:a,mobileBoxShadowShow:d,mobileSizeShow:c,mobileBackgroundShow:p,mobilePaddingShow:f,mobilePaddingsExt:x,setMobilePaddingsExt:k,oneMobileBorderRadiusValue:h,setOneMobileBorderRadiusValue:b,toggleShowMobileBorderHandler:R,toggleShowMobileBorderRadiusHandler:_,toggleShowMobileBoxShadowHandler:E,toggleShowMobileSizeHandler:w,toggleShowMobileBackgroundHandler:v,toggleShowMobilePaddingHandler:P})=>{const{__:j}=r.useI18n(),{token:I}=(0,t.ui_kit$useToken)(),C=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:20,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Dt,{form:e,elementSettings:i,imgParent:!0})}),(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Mo,{form:e,elementSettings:i,typeOfForm:"mobile"})})]}),C.formCellFieldPaddingsEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Padding"),collapsible:!0,open:f,onToggle:P,dividerTop:!0,children:(0,o.jsx)(Wt,{form:e,elementSettings:i,mobilePaddingsExt:x,setMobilePaddingsExt:k})}),(0,o.jsx)(t.ui_kit$FormSection,{title:j("Size"),collapsible:!0,open:c,onToggle:w,dividerTop:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:8},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)("div",{style:{marginBottom:I.formItemMarginBottomXS*2},children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)("div",{style:{marginBottom:I.formItemMarginBottomXS},children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:i})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:j("Background"),collapsible:!0,open:p,onToggle:v,dividerTop:!0,children:(0,o.jsx)(Bt,{elementSettings:Go(i),imageEnabled:C.formDivFieldBackgroundImageEnabled,desktopBackground:xt(i)})}),C.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Borders"),collapsible:!0,open:s,onToggle:R,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,typeOfForm:"mobile"})}),C.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Border radius"),collapsible:!0,open:a,onToggle:_,dividerTop:!0,children:(0,o.jsx)(So,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:h,setOneBorderRadiusValue:b,elementSettings:i})}),C.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Box shadow"),collapsible:!0,open:d,onToggle:E,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile",form:e,elementSettings:i})}),C.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Display control & Direction"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e,directionControl:(0,o.jsx)(Ht,{elementSettings:i,form:e,typeOfForm:"mobile"})})}),C.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};dl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,mobileBoxShadow:g.default.object,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,mobileSizeShow:g.default.bool,mobileBackgroundShow:g.default.bool,mobilePaddingShow:g.default.bool,mobilePaddingsExt:g.default.bool,setMobilePaddingsExt:g.default.func,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,toggleShowMobileBorderHandler:g.default.func,toggleShowMobileBorderRadiusHandler:g.default.func,toggleShowMobileBoxShadowHandler:g.default.func,toggleShowMobileSizeHandler:g.default.func,toggleShowMobileBackgroundHandler:g.default.func,toggleShowMobilePaddingHandler:g.default.func};var cl=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),[s]=t.ui_kit$Form.useForm(),a=Fo(),d=Fo(),[c,p]=(0,n.useState)({}),[f,x]=(0,n.useState)(!0),[k,h]=(0,n.useState)({}),[b,R]=(0,n.useState)(!0),_=r.useSelector(r.selectEmailViewType),E=r.useSelector(r.selectMobileViewActive);r.useAppConfig();const[w,v]=(0,n.useState)(e.backgroundImage[0].value===""),P=r.useSelector(r.selectIsCodeMode),j=r.useSelector(r.selectCodeModeDirection),I=P&&j!=="bottom",[C,Y]=(0,n.useState)(!1),[z,O]=(0,n.useState)(!1),[N,S]=(0,n.useState)(!1),[Q,J]=(0,n.useState)(!1),[re,te]=(0,n.useState)(!1),[pe,be]=(0,n.useState)(!1),[ae,xe]=(0,n.useState)(!1),[Ie,ne]=(0,n.useState)(!1),[Fe,je]=(0,n.useState)(!1),[le,Ee]=(0,n.useState)(!1),[ce,ee]=(0,n.useState)(!1),[ue,se]=(0,n.useState)(!1),[Z,q]=(0,n.useState)(!1),[G,X]=(0,n.useState)(!1),[ie,Be]=(0,n.useState)(!1),[ge,Pe]=(0,n.useState)(""),Re=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}];i("Not defined"),i("Contain"),i("Cover");const Le=e.border,K=e.mobileBorder,de=Object.keys(Le).find(F=>Le[F]?.width||Le[F]?.style||Le[F]?.color),ve=Object.keys(K).find(F=>K[F]?.width||K[F]?.style||K[F]?.color),H=F=>F&&(F?.width||F?.style||F?.color)?F:"";(0,n.useEffect)(()=>{if(e){const F=e.boxShadow,L=e.mobileBoxShadow;p(F),h(L),s.setFieldsValue({...e,width:e.width?.value,widthDim:e.width?.dim,height:e.height?.value,heightDim:e.height?.dim,maxWidth:e.maxWidth?.value,maxWidthDim:e.maxWidth?.dim,minWidth:e.minWidth?.value,minWidthDim:e.minWidth?.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:u(e.border.all),borderTop:u(e.border.top),borderBottom:u(e.border.bottom),borderRight:u(e.border.right),borderLeft:u(e.border.left),mobileBorderAll:H(e.mobileBorder.all)||!(H(e.mobileBorder.top)||H(e.mobileBorder.bottom)||H(e.mobileBorder.right)||H(e.mobileBorder.left))&&H(e.border.all),mobileBorderTop:H(e.mobileBorder.top)||!H(e.mobileBorder.all)&&H(e.border.top),mobileBorderBottom:H(e.mobileBorder.bottom)||!H(e.mobileBorder.all)&&H(e.border.bottom),mobileBorderRight:H(e.mobileBorder.right)||!H(e.mobileBorder.all)&&H(e.border.right),mobileBorderLeft:H(e.mobileBorder.left)||!H(e.mobileBorder.all)&&H(e.border.left),paddingTop:u(e.padding.all)||u(e.padding.top),paddingLeft:u(e.padding.all)||u(e.padding.left),paddingRight:u(e.padding.all)||u(e.padding.right),paddingBottom:u(e.padding.all)||u(e.padding.bottom),paddingLeftRight:u(e.padding?.left)||u(e.padding?.right),paddingTopBottom:u(e.padding?.top)||u(e.padding?.bottom),borderRadiusAll:u(e.borderRadius.all),borderRadiusTopLeft:u(e.borderRadius.topLeft),borderRadiusBottomLeft:u(e.borderRadius.bottomLeft),borderRadiusTopRight:u(e.borderRadius.topRight),borderRadiusBottomRight:u(e.borderRadius.bottomRight),boxShadowInset:u(e.boxShadow?.inset)||!1,boxShadowHOffset:u(e.boxShadow?.hOffset),boxShadowVOffset:u(e.boxShadow?.vOffset),boxShadowBlurRadius:u(e.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.boxShadow?.spreadRadius),boxShadowColor:u(e.boxShadow?.color),mobileWidth:po(e.mobileWidth?.value),mobileWidthDim:e.mobileWidth?.dim,mobileHeight:po(e.mobileHeight?.value),mobileHeightDim:e.mobileHeight?.dim,mobileBorderRadiusAll:u(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius.topLeft!==null?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius.bottomLeft!==null?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius.topRight!==null?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius.bottomRight!==null?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:u(e.mobileBoxShadow?.inset)||!1,mobileBoxShadowHOffset:u(e.mobileBoxShadow?.hOffset),mobileBoxShadowVOffset:u(e.mobileBoxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.mobileBoxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.mobileBoxShadow?.spreadRadius),mobileBoxShadowColor:u(e.mobileBoxShadow?.color),mobileAlign:u(e.mobileAlign?.value),mobileVerticalAlign:u(e.mobileVerticalAlign?.value),mobileDirection:u(e.mobileDirection?.value),mobileBackgroundColor:u(e.mobileBackgroundColor?.value!=="none"?e.mobileBackgroundColor?.value:""),...nt(e),mobilePaddingTop:u(e.mobilePadding.all)||u(e.mobilePadding.top),mobilePaddingLeft:u(e.mobilePadding.all)||u(e.mobilePadding.left),mobilePaddingRight:u(e.mobilePadding.all)||u(e.mobilePadding.right),mobilePaddingBottom:u(e.mobilePadding.all)||u(e.mobilePadding.bottom),mobilePaddingTopBottom:u(e.mobilePadding.top)||u(e.mobilePadding.bottom),mobilePaddingLeftRight:u(e.mobilePadding.left)||u(e.mobilePadding.right),exportAsPicture:e?.exportAsPicture}),!u(e.borderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?x(!1):x(!0),!u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))?R(!1):R(!0),v(e.backgroundImage[0].value===""),!u(e.padding.all)&&(u(e.padding.top)||u(e.padding.right)||u(e.padding.bottom)||u(e.padding.left))&&(e.padding.top!==e.padding.bottom||e.padding.right!==e.padding.left)?Y(!1):Y(!0),!u(e.mobilePadding.all)&&(u(e.mobilePadding.top)||u(e.mobilePadding.right)||u(e.mobilePadding.bottom)||u(e.mobilePadding.left))&&(e.mobilePadding.top!==e.mobilePadding.bottom||e.mobilePadding.right!==e.mobilePadding.left)?O(!1):O(!0);const y=a.isStaleBorderSnapshot(e,!!de),M=d.isStaleBorderSnapshot(e,!!ve);y&&s.setFieldsValue({border:r.RESET_BORDER_PARAMS,borderAll:null,borderTop:null,borderBottom:null,borderRight:null,borderLeft:null}),(M||y&&!ve)&&s.setFieldsValue({mobileBorder:r.RESET_BORDER_PARAMS,mobileBorderAll:null,mobileBorderTop:null,mobileBorderBottom:null,mobileBorderRight:null,mobileBorderLeft:null}),S(fe=>de&&!y?!0:fe),J(fe=>de&&!y||ve&&!M?!0:fe),te(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),be(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),xe(!!e.boxShadow),ne(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),je(!!e.width.value||!!e.height.value||!!e.minWidth.value||!!e.maxWidth.value),Ee(!!e.mobileWidth.value||!!e.mobileHeight.value),ee(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),se(kt(e)),q(!!e.exportAsPicture),X(!!e.padding?.all||!!e.padding?.top||!!e.padding?.bottom||!!e.padding?.left||!!e.padding?.right),Be(!!e.mobilePadding.all||!!e.mobilePadding.top||!!e.mobilePadding.bottom||!!e.mobilePadding.left||!!e.mobilePadding.right)}},[s,e,de,ve,a,d]);const Te=F=>{const L=s.getFieldsValue(!0),y=Object.keys(F)[0];let M;switch(Pe(s.getFieldsValue(!0).widthDim==="%"?100:""),y){case"exportAsPicture":M={exportAsPicture:L.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":M={boxShadow:{hOffset:L.boxShadowHOffset,vOffset:L.boxShadowVOffset,blurRadius:L.boxShadowBlurRadius,spreadRadius:L.boxShadowSpreadRadius,color:L.boxShadowColor,inset:L.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":L.borderPosition==="borderAll"?(M={border:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...L.borderAll}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER})):L.borderAll?.width||L.borderAll?.style||L.borderAll?.color?(M={border:{all:null,left:L.borderAll,right:L.borderAll,top:L.borderAll,bottom:L.borderAll,[W.REVERSE_BORDER_POSITIONS[y]]:{...L[y],...F[y]}}},s.setFieldsValue({borderAll:null,borderLeft:L.borderAll,borderRight:L.borderAll,borderTop:L.borderAll,borderBottom:L.borderAll,[y]:{...L[y],...F[y]}})):(M={border:{all:null,left:L.borderLeft,right:L.borderRight,top:L.borderTop,bottom:L.borderBottom,[W.REVERSE_BORDER_POSITIONS[y]]:{...L[y],...F[y]}}},s.setFieldsValue({border:M.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if(L.mobileBorderPosition==="mobileBorderAll")M={mobileBorder:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...L.mobileBorderAll,classNamePrefix:"em-mob-border_"+W.MOBILE_REVERSE_BORDER_POSITIONS[y]+"-"}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER});else{const fe=W.MOBILE_REVERSE_BORDER_POSITIONS[y],Ne={...L[y],...F[y]},eo=!Ne?.width&&!Ne?.style&&!Ne?.color;if(L.mobileBorder?.all?.width||L.mobileBorder?.all?.style||L.mobileBorder?.all?.color){const Xe=L.mobileBorderAll;M={mobileBorder:{all:null,left:Xe,right:Xe,top:Xe,bottom:Xe,[fe]:eo?null:{...Ne,classNamePrefix:"em-mob-border_"+fe+"-"}}},s.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:Xe,mobileBorderRight:Xe,mobileBorderTop:Xe,mobileBorderBottom:Xe,[y]:Ne})}else{const Xe=e.mobileBorder||{},lo=Qe=>{const uo=Xe[Qe];return uo&&(uo?.width||uo?.style||uo?.color)?uo:null};M={mobileBorder:{all:null,left:fe==="left"?eo?null:{...Ne,classNamePrefix:"em-mob-border_left-"}:lo("left"),right:fe==="right"?eo?null:{...Ne,classNamePrefix:"em-mob-border_right-"}:lo("right"),top:fe==="top"?eo?null:{...Ne,classNamePrefix:"em-mob-border_top-"}:lo("top"),bottom:fe==="bottom"?eo?null:{...Ne,classNamePrefix:"em-mob-border_bottom-"}:lo("bottom")}},s.setFieldsValue({[y]:Ne})}}break;case"width":M={[y]:{value:F[y],dim:L.widthDim}};break;case"height":M={[y]:{value:F[y],dim:L.heightDim}};break;case"widthDim":M={width:{value:L.width,dim:F[y]}};break;case"heightDim":M={height:{value:L.height,dim:F[y]}};break;case"maxWidth":M={[y]:{value:F[y],dim:L.maxWidthDim}};break;case"maxWidthDim":M={maxWidth:{value:L.maxWidth,dim:F[y]}};break;case"minWidth":M={[y]:{value:F[y],dim:L.minWidthDim}};break;case"minWidthDim":M={minWidth:{value:L.minWidth,dim:F[y]}};break;case"backgroundImage":v(F[y]===""),M={[y]:[{...e.backgroundImage[0],value:F[y]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":M={padding:{[W.PADDING_POSITION[y]]:+F[y]}};break;case"paddingTopBottom":M={padding:{top:+F[y],bottom:+F[y]}},L.paddingTop=L.paddingBottom=+F[y];break;case"paddingLeftRight":M={padding:{left:+F[y],right:+F[y]}},L.paddingLeft=L.paddingRight=+F[y];break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":M={borderRadius:{[W.BORDER_RADIUS_POSITION[y]]:+F[y]}};break;case"mobileWidth":M={[y]:{classNamePrefix:"em-mob-width-",value:F[y],dim:L.mobileWidthDim}};break;case"mobileWidthDim":M={mobileWidth:{classNamePrefix:"em-mob-width-",value:L.mobileWidth||100,dim:F[y]}};break;case"mobileHeight":M={[y]:{classNamePrefix:"em-mob-height-",value:F[y],dim:L.mobileHeightDim}};break;case"mobileHeightDim":M={mobileHeight:{classNamePrefix:"em-mob-height-",value:L.mobileHeight,dim:F[y]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":M={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[y]]:F[y],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[y]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":M={mobileBoxShadow:{hOffset:L.mobileBoxShadowHOffset,vOffset:L.mobileBoxShadowVOffset,blurRadius:L.mobileBoxShadowBlurRadius,spreadRadius:L.mobileBoxShadowSpreadRadius,color:L.mobileBoxShadowColor,inset:L.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":M={[y]:{classNamePrefix:"em-mob-text_align-",value:F[y]}};break;case"mobileVerticalAlign":M={[y]:{classNamePrefix:"em-mob-vertical_align-",value:F[y]}};break;case"mobileBackgroundColor":case"mobileBackgroundImage":case"mobileBackgroundPositionX":case"mobileBackgroundPositionY":case"mobileBackgroundRepeat":case"mobileBackgroundSize":if(M=_t(F),!M)return;break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":M={mobilePadding:{all:null,top:L.mobilePaddingTop!==""?L.mobilePaddingTop:null,right:L.mobilePaddingRight!==""?L.mobilePaddingRight:null,bottom:L.mobilePaddingBottom!==""?L.mobilePaddingBottom:null,left:L.mobilePaddingLeft!==""?L.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":L.mobilePaddingTop=L.mobilePaddingBottom=F[y],M={mobilePadding:{all:null,top:L.mobilePaddingTop!==""?L.mobilePaddingTop:null,right:L.mobilePaddingRight!==""?L.mobilePaddingRight:null,bottom:L.mobilePaddingBottom!==""?L.mobilePaddingBottom:null,left:L.mobilePaddingLeft!==""?L.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":L.mobilePaddingLeft=L.mobilePaddingRight=F[y],M={mobilePadding:{all:null,top:L.mobilePaddingTop!==""?L.mobilePaddingTop:null,right:L.mobilePaddingRight!==""?L.mobilePaddingRight:null,bottom:L.mobilePaddingBottom!==""?L.mobilePaddingBottom:null,left:L.mobilePaddingLeft!==""?L.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobileDirection":M={[y]:{classNamePrefix:"em-mob-direction-",value:F[y]}};break;case"backgroundPositionX":case"backgroundPositionY":M={[y]:isNaN(parseFloat(F[y].position))?F[y].position:F[y].position+F[y].unit};break;default:M=F}y!=="borderPosition"&&y!=="mobileBorderPosition"&&l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:M})},we=()=>{Y(L=>!L);const F=s.getFieldsValue(!0);C||(F.paddingLeftRight=F.paddingLeft,F.paddingTopBottom=F.paddingTop,F.paddingRight=F.paddingLeft,F.paddingBottom=F.paddingTop,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:F.paddingTopBottom,bottom:F.paddingTopBottom,left:F.paddingLeftRight,right:F.paddingLeftRight}}}))},Ae=()=>{const F=s.getFieldsValue(!0);a.markBorderToggled(!N),setTimeout(()=>{S(L=>!L),N?(F.borderAll=W.NULL_BORDER,F.borderTop=W.NULL_BORDER,F.borderBottom=W.NULL_BORDER,F.borderRight=W.NULL_BORDER,F.borderLeft=W.NULL_BORDER):F.borderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:F.borderAll.color,style:F.borderAll.style,width:F.borderAll.width}}}})})},Ve=()=>{const F=s.getFieldsValue(!0);d.markBorderToggled(!Q),setTimeout(()=>{J(L=>!L),Q?(F.mobileBorderAll=W.NULL_BORDER,F.mobileBorderTop=W.NULL_BORDER,F.mobileBorderBottom=W.NULL_BORDER,F.mobileBorderRight=W.NULL_BORDER,F.mobileBorderLeft=W.NULL_BORDER):F.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:F.mobileBorderAll.color,style:F.mobileBorderAll.style,width:F.mobileBorderAll.width}}}})})},Me=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{te(L=>!L),re?(F.borderRadiusAll=0,x(!0)):F.borderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:F.borderRadiusAll}}})})},He=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{be(L=>!L),pe?(F.mobileBorderRadiusAll=null,R(!0)):F.mobileBorderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:F.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},D=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{xe(L=>!L),ae?(F.boxShadowInset=!1,F.boxShadowHOffset=null,F.boxShadowVOffset=null,F.boxShadowBlurRadius=null,F.boxShadowSpreadRadius=null,F.boxShadowColor=""):(F.boxShadowInset=!1,F.boxShadowHOffset=5,F.boxShadowVOffset=5,F.boxShadowBlurRadius=10,F.boxShadowSpreadRadius=-5,F.boxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:F.boxShadowBlurRadius,color:F.boxShadowColor,hOffset:F.boxShadowHOffset,inset:F.boxShadowInset,spreadRadius:F.boxShadowSpreadRadius,vOffset:F.boxShadowVOffset}}})})},me=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{ne(L=>!L),Ie?(F.mobileBoxShadowInset=!1,F.mobileBoxShadowHOffset=null,F.mobileBoxShadowVOffset=null,F.mobileBoxShadowBlurRadius=null,F.mobileBoxShadowSpreadRadius=null,F.mobileBoxShadowColor=""):(F.mobileBoxShadowInset=!1,F.mobileBoxShadowHOffset=5,F.mobileBoxShadowVOffset=5,F.mobileBoxShadowBlurRadius=10,F.mobileBoxShadowSpreadRadius=-5,F.mobileBoxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:F.mobileBoxShadowBlurRadius,color:F.mobileBoxShadowColor,hOffset:F.mobileBoxShadowHOffset,inset:F.mobileBoxShadowInset,spreadRadius:F.mobileBoxShadowSpreadRadius,vOffset:F.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},V=()=>{setTimeout(()=>{je(F=>!F)})},oe=()=>{setTimeout(()=>{Ee(F=>!F)})},ke=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{ee(L=>!L),ce?(F.backgroundColor="",F.backgroundImage="",F.backgroundPositionX="",F.backgroundPositionY="",F.backgroundRepeat="none",F.backgroundSize="",v(!0)):(F.backgroundColor="#E5E5E5",F.backgroundSize="",F.backgroundRepeat="none"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:F.backgroundColor,backgroundImage:[{type:"url",value:F.backgroundImage}],backgroundPositionX:F.backgroundPositionX,backgroundPositionY:F.backgroundPositionY,backgroundRepeat:F.backgroundRepeat,backgroundSize:F.backgroundSize}})})},$e=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{se(L=>!L),ue?F.mobileBackgroundColor="":F.mobileBackgroundColor="#E5E5E5",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:F.mobileBackgroundColor}}}),ue&&Et(s,e,l)})},ze=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{q(L=>!L),Z&&(F.exportAsPicture=!1,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})},Ge=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{X(L=>!L),G&&(F.paddingLeftRight="",F.paddingLeft="",F.paddingRight="",F.paddingTopBottom="",F.paddingTop="",F.paddingBottom="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},Ye=()=>{const F=s.getFieldsValue(!0);setTimeout(()=>{Be(L=>!L),ie&&(F.mobilePaddingLeftRight="",F.mobilePaddingLeft="",F.mobilePaddingRight="",F.mobilePaddingTopBottom="",F.mobilePaddingTop="",F.mobilePaddingBottom="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})};return(0,o.jsxs)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_div_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",valign:"",border:"",boxShadow:"",show:"all",borderPosition:W.BORDER_POSITIONS[de]||"borderAll",mobileBorderPosition:W.MOBILE_BORDER_POSITIONS[ve]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",direction:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileDirection:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:""},onValuesChange:Te,autoComplete:"off",className:"element-controls",children:[!I&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),_==="mobile"&&E.styles?(0,o.jsxs)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:[(0,o.jsx)(dl,{form:s,elementSettings:e,mobileBoxShadow:k,mobileBordersShow:Q,mobileBorderRadiusShow:pe,mobileBoxShadowShow:Ie,mobileSizeShow:le,mobileBackgroundShow:ue,mobilePaddingShow:ie,mobilePaddingsExt:z,setMobilePaddingsExt:O,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:R,toggleShowMobileBorderHandler:Ve,toggleShowMobileBorderRadiusHandler:He,toggleShowMobileBoxShadowHandler:me,toggleShowMobileSizeHandler:oe,toggleShowMobileBackgroundHandler:$e,toggleShowMobilePaddingHandler:Ye})," "]}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(nl,{form:s,elementSettings:e,boxShadow:c,bordersShow:N,borderRadiusShow:re,boxShadowShow:ae,backgroundShow:ce,backgroundImageEmpty:w,backgroundRepeatOptions:Re,sizeShow:Fe,maxWidthValue:ge,modificationShow:Z,paddingShow:G,paddingsExt:C,oneBorderRadiusValue:f,setOneBorderRadiusValue:x,togglePaddingHandler:we,toggleShowPaddingHandler:Ge,toggleShowBorderHandler:Ae,toggleShowBorderRadiusHandler:Me,toggleShowBoxShadowHandler:D,toggleShowSizeHandler:V,toggleShowBackgroundHandler:ke,toggleShowModificationHandler:ze,handleChangeValues:Te})})]})};cl.propTypes={elementSettings:g.default.object.isRequired};var ul=({form:e,elementSettings:i})=>{const{__:l}=r.useI18n(),s=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:"0"},children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Float block width"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"width",children:(0,o.jsx)(t.ui_kit$InputNumber,{min:0,placeholder:l("Float block width"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:(0,o.jsx)(t.ui_kit$Form.Item,{name:"widthDim",noStyle:!0,children:$o})})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:l("Column gap"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"gap",children:(0,o.jsx)(t.ui_kit$InputNumber,{min:0,placeholder:l("Column gap"),prefix:(0,o.jsx)(r.EmIcons,{icon:"SplitCellsOutlined",component:t.icons$SplitCellsOutlined}),addonAfter:(0,o.jsx)(t.ui_kit$Form.Item,{name:"widthDim",noStyle:!0,children:nn})})})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:l("Vertical alignment"),dividerTop:!0,children:(0,o.jsx)(Mo,{form:e,elementSettings:i})}),(0,o.jsx)(t.ui_kit$FormSection,{title:l("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),s.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:l("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};ul.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired};var ml=({form:e,elementSettings:i})=>{const{__:l}=r.useI18n(),s=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:l("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:l("Appearance on mobile devices"),type:"info"})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{marginBottom:20},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i})}),(0,o.jsx)(t.ui_kit$Col,{span:12})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:l("Alignments"),dividerTop:!0,children:(0,o.jsx)(Mo,{form:e,elementSettings:i,typeOfForm:"mobile"})}),(0,o.jsx)(t.ui_kit$FormSection,{title:l("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})}),s.formFieldAmpVisibilityEnabled&&i.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:l("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};ml.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired};var Ii=0,pl=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),[s]=t.ui_kit$Form.useForm(),a=r.useSelector(r.selectEmailViewType),d=r.useSelector(r.selectMobileViewActive),c=r.useSelector(r.selectIsCodeMode),p=r.useSelector(r.selectCodeModeDirection),f=c&&p!=="bottom";(0,n.useEffect)(()=>{e&&(s.setFieldsValue({...e,width:e.width?.value,widthDim:e.width?.dim,gap:e.gap?.value,gapDim:e.gap?.dim,maxWidth:e.maxWidth?.value,maxWidthDim:e.maxWidth?.dim,minWidth:e.minWidth?.value,minWidthDim:e.minWidth?.dim,show:e.show?e.show:"all",mobileWidth:po(e.mobileWidth?.value),mobileWidthDim:e.mobileWidth?.dim,mobileContentWidth:po(e.mobileContentWidth?.value),mobileContentWidthDim:e.mobileContentWidth?.dim,mobileVerticalAlign:u(e.mobileVerticalAlign?.value)}),Ii=e.width.value+e.gap.value)},[s,e]);const x=k=>{const h=s.getFieldsValue(!0),b=Object.keys(k)[0];let R;switch(b){case"width":Ii=k[b]+h.gap,R={[b]:{value:k[b],dim:h.widthDim},gap:{value:h.gap}};break;case"widthDim":R={width:{value:h.width,dim:k[b]},gap:{value:h.gap}};break;case"gap":h.width=Ii-k[b],R={[b]:{value:k[b],dim:"px"}};break;case"mobileWidth":R={[b]:{classNamePrefix:"em-mob-width-",value:k[b],dim:h.mobileWidthDim}};break;case"mobileWidthDim":R={mobileWidth:{classNamePrefix:"em-mob-width-",value:h.mobileWidth||100,dim:k[b]}};break;case"mobileContentWidth":R={[b]:{classNamePrefix:"em-mob-width-",value:k[b],dim:h.mobileContentWidthDim}};break;case"mobileContentWidthDim":R={mobileContentWidth:{classNamePrefix:"em-mob-width-",value:100,dim:k[b]}};break;case"mobileVerticalAlign":R={[b]:{classNamePrefix:"em-mob-vertical_align-",value:k[b]}};break;default:R=k}l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:R})};return(0,o.jsxs)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_float_block_form",initialValues:{width:{value:"",dim:""},gap:{value:"",dim:"px"},valign:"",show:"all",mobileWidth:"",mobileWidthDim:"",mobileContentWidth:"",mobileContentWidthDim:"",mobileVerticalAlign:""},onValuesChange:x,autoComplete:"off",className:"element-controls",children:[f&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),a==="mobile"&&d.styles?(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:a==="mobile"&&d.styles?"block":"none"},children:(0,o.jsx)(ml,{form:s,elementSettings:e})}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(ul,{form:s,elementSettings:e})})]})};pl.propTypes={elementSettings:g.default.object.isRequired};var hl=({form:e,fillFields:i,elementSettings:l,boxShadow:s,bordersShow:a,borderRadiusShow:d,boxShadowShow:c,backgroundShow:p,backgroundImageEmpty:f,backgroundRepeatOptions:x,paddingShow:k,paddingsExt:h,maxWidthValue:b,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,linkProtocol:E,linkTarget:w,isOpenTextReplacer:v,textReplacerButtonRef:P,textReplacerInputRef:j,handleLinkProtocolsChange:I,handleSelect:C,textReplacerInputHandler:Y,handleTextReplacerKeyDown:z,srcButtonHandler:O,togglePaddingHandler:N,toggleShowPaddingHandler:S,toggleShowBackgroundHandler:Q,toggleShowBorderHandler:J,toggleShowBorderRadiusHandler:re,toggleShowBoxShadowHandler:te,setLinkProtocol:pe,handleChangeValues:be})=>{const{__:ae}=r.useI18n(),{token:xe}=(0,t.ui_kit$useToken)(),Ie=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-desktop-props-title",title:ae("Appearance on mobile devices"),type:"info"}),(0,o.jsxs)("div",{className:"selected_form-props-wrapper",children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:20,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Uo,{form:e,elementSettings:l})}),Ie.formButtonFieldTextAlignEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(it,{form:e,name:"textAlign",elementSettings:l})})]}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}}),(0,o.jsx)(et,{show:E==="#",__:ae,style:{marginBottom:xe.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ae("Hyperlink URL"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"href",style:{marginBottom:Ie.formButtonFieldReplacerEnabled?xe.formItemMarginBottomXS:xe.formItemMarginBottomMD+4},children:(0,o.jsx)(t.ui_kit$Input,{addonBefore:(0,o.jsx)(Zo,{linkProtocol:E,handleLinkProtocolsChange:I,__:ae}),placeholder:ae("Hyperlink URL"),allowClear:!0,onSelect:C,prefix:(0,o.jsx)(Qo,{linkProtocol:E})})})}),E==="mailto:"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:"subject",style:{marginBottom:xe.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:ae("Subject")})}),(0,o.jsx)(t.ui_kit$Form.Item,{name:"body",style:{marginBottom:xe.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$TextArea,{rows:3,placeholder:ae("Body")})})]}),Ie.formButtonFieldReplacerEnabled&&(0,o.jsx)(o.Fragment,{children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:ae("Text replacer"),placement:"bottom",getPopupContainer:ne=>ne.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button ant-form-item",{"selected-td-form__button--active":v}),icon:(0,o.jsx)(r.EmIcons,{icon:"Replacer",component:t.icons$Replacer,className:"selected-td-form__icon-radius"}),onClick:O,ref:P})})}),(0,o.jsx)(t.ui_kit$Col,{span:21,children:v&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:ae("Text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textReplacer",children:(0,o.jsx)(t.ui_kit$Input,{placeholder:ae("The code that will replace this text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:ae("Text")}),onChange:Y,onKeyDown:z,ref:j,onSelect:C})})})})]})}),Ie.formButtonFieldPaddingsEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ae("Padding"),collapsible:!0,open:k,onToggle:S,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormPaddingInputs,{extended:h,onToggleExtended:N,gutter:xe.marginSM,labels:{horizontal:ae("Horizontal padding"),vertical:ae("Vertical padding"),left:ae("Left padding"),right:ae("Right padding"),top:ae("Top padding"),bottom:ae("Bottom padding"),individual:ae("Individual padding")}})}),(0,o.jsx)(t.ui_kit$FormSection,{title:ae("Size"),dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormSizeInputs,{maxWidth:b,dimensionSelect:$o,gutter:xe.marginSM,labels:{width:ae("Width"),height:ae("Height"),minWidth:ae("Minimum width"),maxWidth:ae("Maximum width")}})}),(0,o.jsx)(gt,{form:e,fillFields:i,elementSettings:l,showAddParagraph:!1,isButton:!0,setLinkProtocol:pe,linkProtocol:E,linkTarget:w}),(0,o.jsxs)(t.ui_kit$FormSection,{title:ae("Background"),collapsible:!0,open:p,onToggle:Q,dividerTop:!0,children:[(0,o.jsx)(vi,{form:e,backgroundImageEmpty:f,appConfig:Ie,token:xe,elementSettings:l,backgroundRepeatOptions:x,handleChangeValues:be}),(0,o.jsx)(rt,{form:e,showBackground:!0})]}),Ie.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ae("Borders"),collapsible:!0,open:a,onToggle:J,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,elementSettings:l})}),Ie.formFieldBorderRadiusEnabled&&(0,o.jsxs)(t.ui_kit$FormSection,{title:ae("Border radius"),collapsible:!0,open:d,onToggle:re,dividerTop:!0,children:[(0,o.jsx)(So,{form:e,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,elementSettings:l}),(0,o.jsx)(rt,{form:e,showRounding:!0})]}),Ie.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ae("Box shadow"),collapsible:!0,open:c,onToggle:te,dividerTop:!0,children:(0,o.jsx)(jo,{})}),Ie.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:ae("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:l,form:e})}),Ie.formFieldAmpVisibilityEnabled&&l.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:ae("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})]})};hl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,backgroundShow:g.default.bool,backgroundImageEmpty:g.default.bool,backgroundRepeatOptions:g.default.array,paddingShow:g.default.bool,paddingsExt:g.default.bool,maxWidthValue:g.default.oneOfType([g.default.string,g.default.number]),oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,linkProtocol:g.default.string,linkTarget:g.default.object,isOpenTextReplacer:g.default.bool,textReplacerButtonRef:g.default.object,textReplacerInputRef:g.default.object,handleLinkProtocolsChange:g.default.func,handleSelect:g.default.func,textReplacerInputHandler:g.default.func,handleTextReplacerKeyDown:g.default.func,srcButtonHandler:g.default.func,togglePaddingHandler:g.default.func,toggleShowPaddingHandler:g.default.func,toggleShowBackgroundHandler:g.default.func,toggleShowBorderHandler:g.default.func,toggleShowBorderRadiusHandler:g.default.func,toggleShowBoxShadowHandler:g.default.func,setLinkProtocol:g.default.func,handleChangeValues:g.default.func};var bl=({form:e,fillFields:i,elementSettings:l,boxShadow:s,mobileBordersShow:a,mobileBorderRadiusShow:d,mobileBoxShadowShow:c,mobileSizeShow:p,mobileBackgroundShow:f,mobilePaddingShow:x,mobilePaddingsExt:k,setMobilePaddingsExt:h,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:R,linkProtocol:_,handleLinkProtocolsChange:E,setLinkProtocol:w,toggleShowMobileBorderHandler:v,toggleShowMobileBorderRadiusHandler:P,toggleShowMobileBoxShadowHandler:j,toggleShowMobileSizeHandler:I,toggleShowMobileBackgroundHandler:C,toggleShowMobilePaddingHandler:Y})=>{const{__:z}=r.useI18n(),{token:O}=(0,t.ui_kit$useToken)(),N=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:20,style:{marginBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Uo,{form:e,elementSettings:l,imgParent:!0,typeOfForm:"mobile"})}),N.formButtonFieldTextAlignEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Dt,{form:e,name:"mobileTextAlign",elementSettings:l,imgParent:!0})})]}),!!l.showOnMobile&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:24}}),(0,o.jsx)(et,{show:_==="#",__:z,style:{marginBottom:O.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:z("Hyperlink URL"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"href",style:{marginBottom:_==="mailto:"?O.formItemMarginBottomXS:O.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$Input,{addonBefore:(0,o.jsx)(Zo,{linkProtocol:_,handleLinkProtocolsChange:E,__:z}),placeholder:z("Hyperlink URL"),allowClear:!0,prefix:(0,o.jsx)(Qo,{linkProtocol:_})})})}),_==="mailto:"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:"subject",children:(0,o.jsx)(t.ui_kit$Input,{placeholder:z("Subject")})}),(0,o.jsx)(t.ui_kit$Form.Item,{name:"body",style:{marginBottom:O.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$TextArea,{rows:3,placeholder:z("Body")})})]})]}),!!l.showOnMobile&&(0,o.jsx)(gt,{form:e,fillFields:i,elementSettings:l,setLinkProtocol:w,linkProtocol:_,showAddParagraph:!1,isButton:!0}),(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(Mr,{})})}),N.formButtonFieldPaddingsEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("Padding"),collapsible:!0,open:x,onToggle:Y,dividerTop:!0,children:(0,o.jsx)(Wt,{form:e,elementSettings:l,mobilePaddingsExt:k,setMobilePaddingsExt:h})}),(0,o.jsx)(t.ui_kit$FormSection,{title:z("Size"),collapsible:!0,open:p,onToggle:I,dividerTop:!0,bodyStyle:{paddingBottom:O.formItemMarginBottomMD},children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:z("Width"),placement:"bottom",children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:l})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:z("Height"),placement:"bottom",children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:l})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:z("Background"),collapsible:!0,open:f,onToggle:C,dividerTop:!0,bodyStyle:{paddingBottom:O.formItemMarginBottomMD},children:(0,o.jsx)(Bt,{elementSettings:Go(l),imageEnabled:N.formButtonFieldBackgroundImageEnabled,desktopBackground:xt(l)})}),N.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("Borders"),collapsible:!0,open:a,onToggle:v,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,typeOfForm:"mobile"})}),N.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("Border radius"),collapsible:!0,open:d,onToggle:P,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:b,setOneBorderRadiusValue:R,elementSettings:l,typeOfForm:"mobile"})}),N.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("Box shadow"),collapsible:!0,open:c,onToggle:j,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile"})}),N.formFieldAmpVisibilityEnabled&&l.ampShow&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})}),N.formFieldAmpVisibilityEnabled&&l.isAmp&&(0,o.jsx)(t.ui_kit$FormSection,{title:z("AMP visibility"),dividerTop:!0,children:(0,o.jsx)(Io,{})})]})};bl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,boxShadow:g.default.object,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,mobileSizeShow:g.default.bool,mobileBackgroundShow:g.default.bool,mobilePaddingShow:g.default.bool,mobilePaddingsExt:g.default.bool,setMobilePaddingsExt:g.default.func,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,linkProtocol:g.default.string,handleLinkProtocolsChange:g.default.func,setLinkProtocol:g.default.func,toggleShowMobileBorderHandler:g.default.func,toggleShowMobileBorderRadiusHandler:g.default.func,toggleShowMobileBoxShadowHandler:g.default.func,toggleShowMobileSizeHandler:g.default.func,toggleShowMobileBackgroundHandler:g.default.func,toggleShowMobilePaddingHandler:g.default.func};var fl=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),[s]=t.ui_kit$Form.useForm(),a=Fo(),d=Fo(),c=r.useDispatch(),[p,f]=(0,n.useState)({}),[x,k]=(0,n.useState)(!0),[h,b]=(0,n.useState)(!0),R=r.useSelector(r.selectEmailViewType),_=r.useSelector(r.selectMobileViewActive),[E,w]=(0,n.useState)(e.backgroundImage?.[0].value===""),v=r.useSelector(r.selectIsCodeMode),P=r.useSelector(r.selectCodeModeDirection),j=v&&P!=="bottom",I=(0,n.useRef)(null),C=(0,n.useRef)(null),[Y,z]=(0,n.useState)(!1),[O,N]=(0,n.useState)(!1),[S,Q]=(0,n.useState)(!1),[J,re]=(0,n.useState)(!1),[te,pe]=(0,n.useState)(!1),[be,ae]=(0,n.useState)(!1),[xe,Ie]=(0,n.useState)(!1),[ne,Fe]=(0,n.useState)(!1),[je,le]=(0,n.useState)(!1),[Ee,ce]=(0,n.useState)(!1),[ee,ue]=(0,n.useState)(!1),[se,Z]=(0,n.useState)(!1),[q,G]=(0,n.useState)(!1),[X,ie]=(0,n.useState)(""),[Be,ge]=(0,n.useState)("https://"),[Pe,Re]=(0,n.useState)({}),Le=e,[K,de]=(0,n.useState)(!!Le.textReplacer?.length),[ve,H]=(0,n.useState)(e);e!==ve&&(H(e),de(!!Le.textReplacer?.length));const Te=r.useElementEntityKind(),we=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}],Ae=e.border,Ve=e.mobileBorder,Me=Object.keys(Ae).find(T=>Ae[T]?.width||Ae[T]?.style||Ae[T]?.color),He=Object.keys(Ve).find(T=>Ve[T]?.width||Ve[T]?.style||Ve[T]?.color),D=T=>T&&(T?.width||T?.style||T?.color)?T:"",{remember:me,fillFields:V}=st(e);(0,n.useEffect)(()=>{if(e){const T=e.boxShadow||{},m=e.mobilePadding||{},$=e.mobileAlign||{};f(T);let U="",ye="",he=e.href||"https://";if(e.href){if(e.href.startsWith("mailto:")){const so=Pr(e.href);U=so.subject,ye=so.body,he=so.baseEmail}Wo(e.href,ge)}V(s,{...e,href:he,subject:U,body:ye,width:e.width?.value,widthDim:e.width?.dim,height:e.height?.value,heightDim:e.height?.dim,backgroundImage:e.backgroundImage?.[0].value,show:e.show?e.show:"all",textAlign:e.textAlign,borderAll:u(e.border.all),borderTop:u(e.border.top),borderBottom:u(e.border.bottom),borderRight:u(e.border.right),borderLeft:u(e.border.left),mobileBorderAll:D(e.mobileBorder.all)||!(D(e.mobileBorder.top)||D(e.mobileBorder.bottom)||D(e.mobileBorder.right)||D(e.mobileBorder.left))&&D(e.border.all),mobileBorderTop:D(e.mobileBorder.top)||!D(e.mobileBorder.all)&&D(e.border.top),mobileBorderBottom:D(e.mobileBorder.bottom)||!D(e.mobileBorder.all)&&D(e.border.bottom),mobileBorderRight:D(e.mobileBorder.right)||!D(e.mobileBorder.all)&&D(e.border.right),mobileBorderLeft:D(e.mobileBorder.left)||!D(e.mobileBorder.all)&&D(e.border.left),paddingTop:u(e.padding?.all)||u(e.padding?.top),paddingLeft:u(e.padding?.all)||u(e.padding?.left),paddingRight:u(e.padding?.all)||u(e.padding?.right),paddingBottom:u(e.padding?.all)||u(e.padding?.bottom),paddingLeftRight:u(e.padding?.left)||u(e.padding?.right),paddingTopBottom:u(e.padding?.top)||u(e.padding?.bottom),borderRadiusAll:u(e.borderRadius?.all),borderRadiusTopLeft:u(e.borderRadius?.topLeft),borderRadiusBottomLeft:u(e.borderRadius?.bottomLeft),borderRadiusTopRight:u(e.borderRadius?.topRight),borderRadiusBottomRight:u(e.borderRadius?.bottomRight),boxShadowInset:u(e.boxShadow?.inset)||!1,boxShadowHOffset:u(e.boxShadow?.hOffset),boxShadowVOffset:u(e.boxShadow?.vOffset),boxShadowBlurRadius:u(e.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.boxShadow?.spreadRadius),boxShadowColor:u(e.boxShadow?.color),mobileWidth:po(e.mobileWidth?.value)||e.width?.value,mobileWidthDim:po(e.mobileWidth?.value)?e.mobileWidth?.dim:e.width?.dim,mobileHeight:po(e.mobileHeight?.value)||e.height?.value,mobileHeightDim:po(e.mobileHeight?.value)?e.mobileHeight?.dim:e.height?.dim,mobileBorderRadiusAll:u(e.mobileBorderRadius?.all)||u(e.borderRadius?.all),mobileBorderRadiusTopLeft:u(e.mobileBorderRadius?.topLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topLeft)||u(e.borderRadius?.all),mobileBorderRadiusBottomLeft:u(e.mobileBorderRadius?.bottomLeft)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomLeft)||u(e.borderRadius?.all),mobileBorderRadiusTopRight:u(e.mobileBorderRadius?.topRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.topRight)||u(e.borderRadius?.all),mobileBorderRadiusBottomRight:u(e.mobileBorderRadius?.bottomRight)||u(e.mobileBorderRadius?.all)||u(e.borderRadius?.bottomRight)||u(e.borderRadius?.all),mobileBoxShadowInset:e.mobileBoxShadow?.inset!=null?e.mobileBoxShadow.inset:e.boxShadow?.inset||!1,mobileBoxShadowHOffset:u(e.mobileBoxShadow?.hOffset)||u(e.boxShadow?.hOffset),mobileBoxShadowVOffset:u(e.mobileBoxShadow?.vOffset)||u(e.boxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.mobileBoxShadow?.blurRadius)||u(e.boxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.mobileBoxShadow?.spreadRadius)||u(e.boxShadow?.spreadRadius),mobileBoxShadowColor:u(e.mobileBoxShadow?.color)||u(e.boxShadow?.color),mobileAlign:u($?.value)||e.align,mobileVerticalAlign:u(e.mobileVerticalAlign?.value||e.valign),mobileBackgroundColor:u(e.mobileBackgroundColor?.value||e.backgroundColor||""),...nt(e),mobilePaddingTop:u(m.all)||u(m.top)||u(e.padding?.all)||u(e.padding?.top),mobilePaddingLeft:u(m.all)||u(m.left)||u(e.padding?.all)||u(e.padding?.left),mobilePaddingRight:u(m.all)||u(m.right)||u(e.padding?.all)||u(e.padding?.right),mobilePaddingBottom:u(m.all)||u(m.bottom)||u(e.padding?.all)||u(e.padding?.bottom),mobilePaddingTopBottom:u(m.top)||u(m.bottom)||u(e.padding?.top)||u(e.padding?.bottom),mobilePaddingLeftRight:u(m.left)||u(m.right)||u(e.padding?.left)||u(e.padding?.right),mobileTextAlign:Ar(e.mobileTextAlign,e.textAlign),exportAsPicture:e?.exportAsPicture,mobileFontSize:u(e.mobileFontSize?.value||e.fontSize)}),!u(e.borderRadius?.all)&&(u(e.borderRadius?.topLeft)||u(e.borderRadius?.bottomLeft)||u(e.borderRadius?.topRight)||u(e.borderRadius?.bottomRight))?k(!1):k(!0),!u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||u(e.mobileBorderRadius.all)&&(u(e.mobileBorderRadius.topLeft)||u(e.mobileBorderRadius.bottomLeft)||u(e.mobileBorderRadius.topRight)||u(e.mobileBorderRadius.bottomRight))||!u(e.borderRadius.all)&&!u(e.mobileBorderRadius.all)&&(u(e.borderRadius.topLeft)||u(e.borderRadius.bottomLeft)||u(e.borderRadius.topRight)||u(e.borderRadius.bottomRight))?b(!1):b(!0),w(e.backgroundImage?.[0].value===""),!u(e.padding?.all)&&(u(e.padding?.top)||u(e.padding?.right)||u(e.padding?.bottom)||u(e.padding?.left))&&(e.padding?.top!==e.padding?.bottom||e.padding?.right!==e.padding?.left)?z(!1):z(!0),!u(m.all)&&(u(m.top)||u(m.right)||u(m.bottom)||u(m.left))&&(m.top!==m.bottom||m.right!==m.left)||!u(e.padding?.all)&&(u(e.padding?.top)||u(e.padding?.right)||u(e.padding?.bottom)||u(e.padding?.left))&&(e.padding?.top!==e.padding?.bottom||e.padding?.right!==e.padding?.left)?N(!1):N(!0);const We=a.isStaleBorderSnapshot(e,!!Me),co=d.isStaleBorderSnapshot(e,!!He);We&&s.setFieldsValue({border:r.RESET_BORDER_PARAMS,borderAll:null,borderTop:null,borderBottom:null,borderRight:null,borderLeft:null}),(co||We&&!He)&&s.setFieldsValue({mobileBorder:r.RESET_BORDER_PARAMS,mobileBorderAll:null,mobileBorderTop:null,mobileBorderBottom:null,mobileBorderRight:null,mobileBorderLeft:null}),Q(so=>Me&&!We?!0:so),re(so=>Me&&!We||He&&!co?!0:so),pe(!!e.borderRadius?.all||!!e.borderRadius?.topLeft||!!e.borderRadius?.bottomLeft||!!e.borderRadius?.topRight||!!e.borderRadius?.bottomRight),ae(!!e.mobileBorderRadius?.all||!!e.mobileBorderRadius?.topLeft||!!e.mobileBorderRadius?.bottomLeft||!!e.mobileBorderRadius?.topRight||!!e.mobileBorderRadius?.bottomRight||!!e.borderRadius?.all||!!e.borderRadius?.topLeft||!!e.borderRadius?.bottomLeft||!!e.borderRadius?.topRight||!!e.borderRadius?.bottomRight),Ie(!!e.boxShadow),Fe(!!e.mobileBoxShadow?.blurRadius||!!e.mobileBoxShadow?.color||!!e.mobileBoxShadow?.hOffset||!!e.mobileBoxShadow?.inset||!!e.mobileBoxShadow?.spreadRadius||!!e.mobileBoxShadow?.vOffset||!!e.boxShadow),le(!!e.mobileWidth?.value||!!e.mobileHeight?.value||!!e.width.value||!!e.height.value),ce(!!e.backgroundColor||!!e.backgroundImage?.[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),ue(!!e.mobileBackgroundColor?.value||!!e.backgroundColor||!!e.backgroundImage?.[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||e.backgroundRepeat!=="repeat"||!e.backgroundRepeat,!!e.backgroundSize),kt(e)&&ue(!0),Z(!!e.padding?.all||!!e.padding?.top||!!e.padding?.bottom||!!e.padding?.left||!!e.padding?.right),G(!!e.mobilePadding?.all||!!e.mobilePadding?.top||!!e.mobilePadding?.bottom||!!e.mobilePadding?.left||!!e.mobilePadding?.right||!!e.padding?.all||!!e.padding?.top||!!e.padding?.bottom||!!e.padding?.left||!!e.padding?.right)}},[s,e,j,Me,He,a,d,V]);const oe=(0,n.useCallback)(T=>{me(T),c(Te==="email"?r.setElementSettings$1(T):r.setElementSettings(T))},[c,Te,me]),ke=T=>{const m=s.getFieldsValue(!0),$=Object.keys(T)[0];let U;switch(ie(s.getFieldsValue(!0).widthDim==="%"?100:""),$){case"exportAsPicture":U={exportAsPicture:m.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":U={boxShadow:{hOffset:m.boxShadowHOffset,vOffset:m.boxShadowVOffset,blurRadius:m.boxShadowBlurRadius,spreadRadius:m.boxShadowSpreadRadius,color:m.boxShadowColor,inset:m.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":m.borderPosition==="borderAll"?(U={border:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...m.borderAll}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER})):m.borderAll?.width||m.borderAll?.style||m.borderAll?.color?(U={border:{all:null,left:m.borderAll,right:m.borderAll,top:m.borderAll,bottom:m.borderAll,[W.REVERSE_BORDER_POSITIONS[$]]:{...m[$],...T[$]}}},s.setFieldsValue({borderAll:null,borderLeft:m.borderAll,borderRight:m.borderAll,borderTop:m.borderAll,borderBottom:m.borderAll,[$]:{...m[$],...T[$]}})):(U={border:{all:null,left:m.borderLeft,right:m.borderRight,top:m.borderTop,bottom:m.borderBottom,[W.REVERSE_BORDER_POSITIONS[$]]:{...m[$],...T[$]}}},s.setFieldsValue({border:U.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if(m.mobileBorderPosition==="mobileBorderAll")U={mobileBorder:{...r.RESET_BORDER_PARAMS,all:{...W.NULL_BORDER,...m.mobileBorderAll,classNamePrefix:"em-mob-border_"+W.MOBILE_REVERSE_BORDER_POSITIONS[$]+"-"}}},s.setFieldsValue({borderLeft:W.NULL_BORDER,borderRight:W.NULL_BORDER,borderTop:W.NULL_BORDER,borderBottom:W.NULL_BORDER});else{const We=W.MOBILE_REVERSE_BORDER_POSITIONS[$],co={...m[$],...T[$]},so=!co?.width&&!co?.style&&!co?.color;if(m.mobileBorder?.all?.width||m.mobileBorder?.all?.style||m.mobileBorder?.all?.color){const mo=m.mobileBorderAll;U={mobileBorder:{all:null,left:mo,right:mo,top:mo,bottom:mo,[We]:so?null:{...co,classNamePrefix:"em-mob-border_"+We+"-"}}},s.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:mo,mobileBorderRight:mo,mobileBorderTop:mo,mobileBorderBottom:mo,[$]:co})}else{const mo=e.mobileBorder||{},ko=qo=>{const Co=mo[qo];return Co&&(Co?.width||Co?.style||Co?.color)?Co:null};U={mobileBorder:{all:null,left:We==="left"?so?null:{...co,classNamePrefix:"em-mob-border_left-"}:ko("left"),right:We==="right"?so?null:{...co,classNamePrefix:"em-mob-border_right-"}:ko("right"),top:We==="top"?so?null:{...co,classNamePrefix:"em-mob-border_top-"}:ko("top"),bottom:We==="bottom"?so?null:{...co,classNamePrefix:"em-mob-border_bottom-"}:ko("bottom")}},s.setFieldsValue({[$]:co})}}break;case"width":U={[$]:{value:T[$],dim:m.widthDim}};break;case"height":U={[$]:{value:T[$],dim:m.heightDim}};break;case"widthDim":U={width:{value:m.width,dim:T[$]}};break;case"heightDim":U={height:{value:m.height,dim:T[$]}};break;case"backgroundImage":w(T[$]===""),U={[$]:[{...e.backgroundImage[0],value:T[$]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":U={padding:{left:m.paddingLeft,right:m.paddingRight,top:m.paddingTop,bottom:m.paddingBottom,[W.PADDING_POSITION[$]]:+T[$]}};break;case"paddingTopBottom":U={padding:{left:m.paddingLeft,right:m.paddingRight,top:+T[$],bottom:+T[$]}},m.paddingTop=m.paddingBottom=+T[$];break;case"paddingLeftRight":U={padding:{top:m.paddingTop,bottom:m.paddingBottom,left:+T[$],right:+T[$]}},m.paddingLeft=m.paddingRight=+T[$];break;case"borderRadiusAll":U={borderRadius:{[W.BORDER_RADIUS_POSITION[$]]:+T[$]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":U={borderRadius:{topLeft:m.borderRadiusTopLeft,bottomLeft:m.borderRadiusBottomLeft,topRight:m.borderRadiusTopRight,bottomRight:m.borderRadiusBottomRight,[W.BORDER_RADIUS_POSITION[$]]:+T[$]}};break;case"mobileWidth":U={[$]:{classNamePrefix:"em-mob-width-",value:T[$],dim:m.mobileWidthDim}};break;case"mobileWidthDim":U={mobileWidth:{classNamePrefix:"em-mob-width-",value:m.mobileWidth||100,dim:T[$]}};break;case"mobileHeight":U={[$]:{classNamePrefix:"em-mob-height-",value:T[$],dim:m.mobileHeightDim},mobileLineHeight:{classNamePrefix:"em-mob-line_height-",value:T[$],dim:m.mobileHeightDim}};break;case"mobileHeightDim":U={mobileHeight:{classNamePrefix:"em-mob-height-",value:m.mobileHeight,dim:T[$]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":U={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[$]]:T[$],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[$]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":U={mobileBoxShadow:{hOffset:m.mobileBoxShadowHOffset,vOffset:m.mobileBoxShadowVOffset,blurRadius:m.mobileBoxShadowBlurRadius,spreadRadius:m.mobileBoxShadowSpreadRadius,color:m.mobileBoxShadowColor,inset:m.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":U={[$]:{classNamePrefix:"em-mob-table_align-",value:T[$]}};break;case"mobileTextAlign":U={[$]:{classNamePrefix:"em-mob-text_align-",value:T[$]}};break;case"mobileVerticalAlign":U={[$]:{classNamePrefix:"em-mob-vertical_align-",value:T[$]}};break;case"mobileBackgroundColor":case"mobileBackgroundImage":case"mobileBackgroundPositionX":case"mobileBackgroundPositionY":case"mobileBackgroundRepeat":case"mobileBackgroundSize":if(U=_t(T),!U)return;break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":U={mobilePadding:{all:null,top:m.mobilePaddingTop!==""?m.mobilePaddingTop:null,right:m.mobilePaddingRight!==""?m.mobilePaddingRight:null,bottom:m.mobilePaddingBottom!==""?m.mobilePaddingBottom:null,left:m.mobilePaddingLeft!==""?m.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":m.mobilePaddingTop=m.mobilePaddingBottom=T[$],U={mobilePadding:{all:null,top:m.mobilePaddingTop!==""?m.mobilePaddingTop:null,right:m.mobilePaddingRight!==""?m.mobilePaddingRight:null,bottom:m.mobilePaddingBottom!==""?m.mobilePaddingBottom:null,left:m.mobilePaddingLeft!==""?m.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":m.mobilePaddingLeft=m.mobilePaddingRight=T[$],U={mobilePadding:{all:null,top:m.mobilePaddingTop!==""?m.mobilePaddingTop:null,right:m.mobilePaddingRight!==""?m.mobilePaddingRight:null,bottom:m.mobilePaddingBottom!==""?m.mobilePaddingBottom:null,left:m.mobilePaddingLeft!==""?m.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobileFontSize":U={[$]:{classNamePrefix:"em-mob-font_size-",value:T[$],dim:m.mobileFontSizeDim}};break;case"href":let ye=ot(T[$]);ye!==T[$]&&(s.setFieldValue("href",ye),m.href=ye),ye.startsWith("mailto:")?U={[$]:Si(ye,m.subject,m.body)}:U={[$]:ye},Wo(T[$],ge);break;case"subject":case"body":const he=m.href||"";if(he.startsWith("mailto:")){const We=$==="subject"?T[$]:m.subject,co=$==="body"?T[$]:m.body;U={href:Si(he,We,co)}}else return;break;case"backgroundPositionX":case"backgroundPositionY":U={[$]:isNaN(parseFloat(T[$].position))?T[$].position:T[$].position+T[$].unit};break;default:U=T}$!=="borderPosition"&&$!=="mobileBorderPosition"&&(l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:U}),$!=="mobileBorderRadiusAll"&&$!=="mobileBorderRadiusTopLeft"&&$!=="mobileBorderRadiusTopRight"&&$!=="mobileBorderRadiusBottomLeft"&&$!=="mobileBorderRadiusBottomRight"&&oe({...e,...U,mobileBorderRadius:{...e.mobileBorderRadius,...U?.mobileBorderRadius},activateSection:null,changeKey:$}))},$e=()=>{z(m=>!m);const T=s.getFieldsValue(!0);Y||(T.paddingLeftRight=T.paddingLeft,T.paddingTopBottom=T.paddingTop,T.paddingRight=T.paddingLeft,T.paddingBottom=T.paddingTop,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:T.paddingTopBottom,bottom:T.paddingTopBottom,left:T.paddingLeftRight,right:T.paddingLeftRight}}}))},ze=()=>{const T=s.getFieldsValue(!0);a.markBorderToggled(!S),setTimeout(()=>{Q(m=>!m),S?(T.borderAll=W.NULL_BORDER,T.borderTop=W.NULL_BORDER,T.borderBottom=W.NULL_BORDER,T.borderRight=W.NULL_BORDER,T.borderLeft=W.NULL_BORDER):T.borderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:T.borderAll.color,style:T.borderAll.style,width:T.borderAll.width}}}})})},Ge=()=>{const T=s.getFieldsValue(!0);d.markBorderToggled(!J),setTimeout(()=>{re(m=>!m),J?(T.mobileBorderAll=W.NULL_BORDER,T.mobileBorderTop=W.NULL_BORDER,T.mobileBorderBottom=W.NULL_BORDER,T.mobileBorderRight=W.NULL_BORDER,T.mobileBorderLeft=W.NULL_BORDER):T.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:T.mobileBorderAll.color,style:T.mobileBorderAll.style,width:T.mobileBorderAll.width}}}})})},Ye=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{pe(m=>!m),te?(T.borderRadiusAll=0,k(!0)):T.borderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:T.borderRadiusAll}}})})},F=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{ae(m=>!m),be?(T.mobileBorderRadiusAll=null,b(!0)):T.mobileBorderRadiusAll=5,l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:T.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},L=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{Ie(m=>!m),xe?(T.boxShadowInset=!1,T.boxShadowHOffset=null,T.boxShadowVOffset=null,T.boxShadowBlurRadius=null,T.boxShadowSpreadRadius=null,T.boxShadowColor=""):(T.boxShadowInset=!1,T.boxShadowHOffset=5,T.boxShadowVOffset=5,T.boxShadowBlurRadius=10,T.boxShadowSpreadRadius=-5,T.boxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:T.boxShadowBlurRadius,color:T.boxShadowColor,hOffset:T.boxShadowHOffset,inset:T.boxShadowInset,spreadRadius:T.boxShadowSpreadRadius,vOffset:T.boxShadowVOffset}}})})},y=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{Fe(m=>!m),ne?(T.mobileBoxShadowInset=!1,T.mobileBoxShadowHOffset=null,T.mobileBoxShadowVOffset=null,T.mobileBoxShadowBlurRadius=null,T.mobileBoxShadowSpreadRadius=null,T.mobileBoxShadowColor=""):(T.mobileBoxShadowInset=!1,T.mobileBoxShadowHOffset=5,T.mobileBoxShadowVOffset=5,T.mobileBoxShadowBlurRadius=10,T.mobileBoxShadowSpreadRadius=-5,T.mobileBoxShadowColor="#000000"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:T.mobileBoxShadowBlurRadius,color:T.mobileBoxShadowColor,hOffset:T.mobileBoxShadowHOffset,inset:T.mobileBoxShadowInset,spreadRadius:T.mobileBoxShadowSpreadRadius,vOffset:T.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},M=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{le(m=>!m),je&&(T.mobileWidth="",T.mobileHeight="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},fe=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{ce(m=>!m),Ee?(T.backgroundColor="",T.backgroundImage="",T.backgroundPositionX="",T.backgroundPositionY="",T.backgroundRepeat="none",T.backgroundSize="",w(!0)):(T.backgroundColor="#E5E5E5",T.backgroundSize="",T.backgroundRepeat="none"),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:T.backgroundColor,backgroundImage:[{type:"url",value:T.backgroundImage}],backgroundPositionX:T.backgroundPositionX,backgroundPositionY:T.backgroundPositionY,backgroundRepeat:T.backgroundRepeat,backgroundSize:T.backgroundSize}})})},Ne=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{ue(m=>!m),ee?T.mobileBackgroundColor="":T.mobileBackgroundColor=e.commonStyles.buttons.backgroundColor||"#1C52DC",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:T.mobileBackgroundColor}}}),ee&&Et(s,e,l)})},eo=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{Z(m=>!m),se&&(T.paddingLeftRight="",T.paddingLeft="",T.paddingRight="",T.paddingTopBottom="",T.paddingTop="",T.paddingBottom="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},Xe=()=>{const T=s.getFieldsValue(!0);setTimeout(()=>{G(m=>!m),q&&(T.mobilePaddingLeftRight="",T.mobilePaddingLeft="",T.mobilePaddingRight="",T.mobilePaddingTopBottom="",T.mobilePaddingTop="",T.mobilePaddingBottom="",l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})},lo=T=>{s.setFieldValue("href",T!=="mergetag"?T:""),ge(T)},Qe=({target:T})=>{const{selectionStart:m,selectionEnd:$}=T;T&&Re({target:T,selection:{start:m,end:$}})},uo=T=>{T.target.value!==""&&C.current.classList.add("selected-td-form__button--active")},Eo=()=>{de(!K),K?(s.setFieldValue("textReplacer",""),l({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{textReplacer:""}})):setTimeout(()=>I.current.focus())},B=T=>{const m=T.target,$=m.value,U=m.selectionStart;if(U===0&&T.key===" "){T.preventDefault();return}if(T.key===" "){if(U!==$.length){T.preventDefault();return}$.endsWith(" ")&&T.preventDefault()}};return(0,o.jsxs)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_button_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",align:"",valign:"",border:"",boxShadow:"",show:"all",borderPosition:W.BORDER_POSITIONS[Me]||"borderAll",mobileBorderPosition:W.MOBILE_BORDER_POSITIONS[He]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",href:"https://",subject:"",body:""},onValuesChange:ke,autoComplete:"off",className:"element-controls",children:[!j&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),j?(0,o.jsx)(Ri,{form:s,elementSettings:e,showAddParagraph:!1,isButton:!0}):(0,o.jsx)(o.Fragment,{children:R==="mobile"&&_.styles?(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:(0,o.jsx)(bl,{form:s,fillFields:V,elementSettings:e,boxShadow:p,mobileBordersShow:J,mobileBorderRadiusShow:be,mobileBoxShadowShow:ne,mobileSizeShow:je,mobileBackgroundShow:ee,mobilePaddingShow:q,mobilePaddingsExt:O,setMobilePaddingsExt:N,oneMobileBorderRadiusValue:h,setOneMobileBorderRadiusValue:b,linkProtocol:Be,handleLinkProtocolsChange:lo,setLinkProtocol:ge,toggleShowMobileBorderHandler:Ge,toggleShowMobileBorderRadiusHandler:F,toggleShowMobileBoxShadowHandler:y,toggleShowMobileSizeHandler:M,toggleShowMobileBackgroundHandler:Ne,toggleShowMobilePaddingHandler:Xe})}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(hl,{form:s,fillFields:V,elementSettings:e,boxShadow:p,bordersShow:S,borderRadiusShow:te,boxShadowShow:xe,backgroundShow:Ee,backgroundImageEmpty:E,backgroundRepeatOptions:we,paddingShow:se,paddingsExt:Y,maxWidthValue:X,oneBorderRadiusValue:x,setOneBorderRadiusValue:k,linkProtocol:Be,linkTarget:Pe,isOpenTextReplacer:K,textReplacerButtonRef:C,textReplacerInputRef:I,handleLinkProtocolsChange:lo,handleSelect:Qe,textReplacerInputHandler:uo,handleTextReplacerKeyDown:B,srcButtonHandler:Eo,togglePaddingHandler:$e,toggleShowPaddingHandler:eo,toggleShowBackgroundHandler:fe,toggleShowBorderHandler:ze,toggleShowBorderRadiusHandler:Ye,toggleShowBoxShadowHandler:L,setLinkProtocol:ge,handleChangeValues:ke})})})]})};fl.propTypes={elementSettings:g.default.object.isRequired};var gl=({elementSettings:e})=>{const{__:i}=r.useI18n(),[l]=t.ui_kit$Form.useForm(),s=r.useSendPostMessage();(0,n.useEffect)(()=>{e&&l.setFieldsValue({...e})},[l,e]);const a=d=>{s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:d})};return(0,o.jsx)(t.ui_kit$Form,{form:l,layout:"vertical",name:"selected_variable_form",initialValues:{value:""},onValuesChange:a,autoComplete:"off",children:(0,o.jsx)(t.ui_kit$Form.Item,{label:i("Variable value"),name:"value",tooltip:{title:i("Type the output parameters of your platform. E.g., ")+"${Recipient.FirstName}",icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},style:{marginBottom:35},children:(0,o.jsx)(t.ui_kit$TextArea,{rows:4,placeholder:i("Variable value")})})})};gl.propTypes={elementSettings:g.default.object.isRequired};var _l=({elementSettings:e,setElementSettings:i,postfix:l="",form:s,handleSelect:a,previewReloadSignal:d})=>{const{__:c}=r.useI18n(),{token:p}=(0,t.ui_kit$useToken)(),f=r.useAppConfig(),x=r.useSendPostMessage(),k="src"+l,h="title"+l,b="alt"+l,R="link"+l,_="imgReplacer"+l,E=(0,n.useRef)(null),w=(0,n.useRef)(null),v=(0,n.useRef)(null),P=(0,n.useRef)(null),j=(0,n.useRef)(null),I=(0,n.useRef)(null),C=(0,n.useRef)(null),Y=(0,n.useRef)(null),[z,O]=(0,n.useState)(""),[N,S]=(0,n.useState)(""),[Q,J]=(0,n.useState)(""),[re,te]=(0,n.useState)(!1),[pe,be]=(0,n.useState)("https://"),ae=(0,n.useRef)(!1),xe=(0,n.useRef)(l);(0,n.useEffect)(()=>{l!==xe.current&&(xe.current=l,ae.current=!1),S(e.images?.[b]),J(e.images?.[h]);const Z=e.images?.[R];O(Z||(ae.current?"...":""))},[e,b,h,R,l]);const Ie=()=>{z?(ae.current=!1,O(""),s.setFieldValue(R,""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[R]:""}})):(ae.current=!0,O(E.current&&E.current.input.value?E.current.input.value:"..."),setTimeout(()=>{E.current.focus()}))},ne=Z=>{Z.target.value===""?O("..."):(w.current.classList.add("selected-td-form__button--active"),O(Z.target.value));const q=Z.target.value;Wo(q,be)},Fe=()=>{N?(S(""),s.setFieldValue("alt",""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[b]:""}})):(S(v.current&&v.current.input.value?v.current.input.value:"..."),setTimeout(()=>{v.current.focus()}))},je=Z=>{Z.target.value===""?S("..."):(P.current.classList.add("selected-td-form__button--active"),S(Z.target.value))},le=()=>{Q?(J(!1),s.setFieldValue("title",""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[h]:""}})):(J(j.current&&j.current.input.value?j.current.input.value:"..."),setTimeout(()=>{j.current.focus()}))},Ee=()=>{te(!re),re?(s.setFieldValue(_,""),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[_]:""}})):setTimeout(()=>C.current.focus())},ce=Z=>{Z.target.value!==""&&Y.current.classList.add("selected-td-form__button--active")},ee=Z=>{Z.target.value===""?J("..."):(I.current.classList.add("selected-td-form__button--active"),J(Z.target.value))},ue=Z=>{s.setFieldValue("LinkName",Z!=="mergetag"?Z:""),be(Z)},se=Z=>{const q=s.getFieldsValue(!0),G=+l.substring(1),X=Object.keys(q?.images).reduce((Be,ge)=>(ge.includes(l)||(Be[ge]=q[ge]),Be),{}),ie=e.carouselImages?.filter((Be,ge)=>ge!==G);i(Be=>({...Be,settings:{...Be.settings,carouselImages:ie}})),x({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,caption:e.caption,settings:{...e,carouselImages:ie}}),s.setFieldsValue({images:X})};return(0,o.jsxs)(o.Fragment,{children:[(e.type==="img"||e.type==="video"||e.type==="carousel")&&(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:0},children:(0,o.jsx)(No,{form:s,label:c("Image path"),name:k,placeholder:c("Image path"),elementSettings:e,previewReloadSignal:d,tooltipTitle:""})}),(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"},children:[(0,o.jsxs)(t.ui_kit$Space,{size:8,children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:N||c("Alternative text"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!N}),onClick:Fe,ref:P,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"})})}),f.formFieldImageTitleEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:Q||c("Tooltip text"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!Q}),onClick:le,ref:I,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"})})}),(0,o.jsx)(t.ui_kit$Tooltip,{title:z||c("Hyperlink URL"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":!!z}),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-td-form__icon-radius"}),onClick:Ie,ref:w})}),(0,o.jsx)(t.ui_kit$Tooltip,{title:c("Image replacer"),placement:"bottom",getPopupContainer:Z=>Z.closest(".email-pane__collapse-wrapper"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":re}),icon:(0,o.jsx)(r.EmIcons,{icon:"Replacer",component:t.icons$Replacer,className:"selected-td-form__icon-radius"}),onClick:Ee,ref:Y})})]}),(0,o.jsx)(t.ui_kit$Space,{size:8,children:(0,o.jsx)(t.ui_kit$Tooltip,{title:c("Remove slide"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Button,{type:"text",onClick:se,icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:16})})})})]}),(!!z||!!N||!!Q||!!re)&&(0,o.jsxs)("div",{children:[!!z&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(et,{show:pe==="#",__:c,style:{marginBottom:p.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Hyperlink URL"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:R,className:"selected-image-form__alt",style:{marginTop:p.formItemMarginBottomXS,marginBottom:0},children:(0,o.jsx)(t.ui_kit$Input,{addonBefore:(0,o.jsx)(Zo,{linkProtocol:pe,handleLinkProtocolsChange:ue,__:c}),placeholder:c("Hyperlink URL"),allowClear:!0,ref:E,onChange:ne,onSelect:a,prefix:(0,o.jsx)(Qo,{linkProtocol:pe})})})})]}),!!N&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Alternative text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:b,className:"selected-image-form__alt",style:{marginTop:p.formItemMarginBottomXS,marginBottom:0},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:c("Alternative text"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"}),onChange:je,ref:v,onSelect:a})})}),f.formFieldImageTitleEnabled&&!!Q&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Tooltip text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:h,className:"selected-image-form__alt",style:{marginTop:p.formItemMarginBottomXS,marginBottom:0},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:c("Enter the title of the image"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"}),onChange:ee,ref:j,onSelect:a})})}),!!re&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Image src"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:_,className:"selected-image-form__alt",style:{marginTop:p.formItemMarginBottomXS,marginBottom:0},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:c("Code that will replace the image `src`"),allowClear:!0,prefix:(0,o.jsx)("span",{className:"addon-text-content",children:c("Image src")}),onChange:ce,ref:C,onSelect:a})})})]})]})};_l.propTypes={};var xl=({form:e,elementSettings:i,formFields:l,setElementSettings:s,borderRadiusShow:a,oneBorderRadiusValue:d,setOneBorderRadiusValue:c,linkProtocol:p,mergeTagItems:f,mergeMenuOpen:x,setMergeMenuOpen:k,cascaderRef:h,handleLinkProtocolsChange:b,handleSelect:R,onChange:_,filter:E,renderSearchOption:w,toggleShowBorderRadiusHandler:v,setNewSlide:P})=>{const{__:j}=r.useI18n(),{token:I}=(0,t.ui_kit$useToken)(),C=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(et,{show:p==="#",__:j,style:{marginBottom:I.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:j("Link for all slides"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"link",children:(0,o.jsx)(t.ui_kit$Input,{addonBefore:(0,o.jsx)(Zo,{linkProtocol:p,handleLinkProtocolsChange:b,__:j}),placeholder:j("Link for all slides"),allowClear:!0,onSelect:R,prefix:(0,o.jsx)(Qo,{linkProtocol:p})})})}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"}),C.mergeTagsShow&&f&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Col,{span:24,id:"merge_tags_wrapper",children:(0,o.jsxs)(t.ui_kit$Form.Item,{style:{marginBottom:I.formItemMarginBottomMD,marginTop:I.formItemMarginBottomMD},children:[(0,o.jsx)(t.ui_kit$Button,{id:"merge_tags_button",icon:(0,o.jsx)(r.EmIcons,{icon:"MergeTags",component:t.icons$MergeTags}),style:{width:"100%",display:x?"none":"inline-flex"},onClick:()=>k(!0),children:j("Merge tags")}),(0,o.jsx)(t.ui_kit$Cascader,{ref:h,classNames:{popup:{root:"merge-tags"}},options:f,placeholder:j("Start typing the title"),showSearch:{filter:E,render:w},spellCheck:"false",getPopupContainer:Y=>Y.closest(".email-pane__collapse-wrapper"),onChange:_,style:{display:x?"block":"none"},open:x,onKeyDown:Y=>{Y.key==="Escape"&&k(!1)}})]})}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"})]}),(0,o.jsx)(t.ui_kit$Form.List,{name:"images",initialValue:l?.images,children:()=>(0,o.jsx)("div",{style:{paddingTop:I.formItemMarginBottomMD+4},children:i?.settings?.carouselImages?.map((Y,z)=>(0,o.jsx)("div",{className:"carousel__slide",children:(0,o.jsx)(_l,{elementSettings:l,setElementSettings:s,postfix:"_"+z,form:e,handleSelect:R})},z))})}),(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:I.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$Button,{id:"add_slide_button",icon:(0,o.jsx)(r.EmIcons,{icon:"AddSlide",component:t.icons$AddSlide}),style:{width:"100%"},onClick:()=>P(),children:j("Add slide")})})}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:20,style:{marginTop:I.formItemMarginBottomMD-10},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"loop",valuePropName:"checked",style:{marginBottom:I.formItemMarginBottomMD-6},children:(0,o.jsx)(t.ui_kit$Switch,{id:"Loop",label:j("Loop"),size:"small",labelStyle:{position:"relative",top:2}})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"autoplay",valuePropName:"checked",style:{marginBottom:I.formItemMarginBottomMD-6},children:(0,o.jsx)(t.ui_kit$Switch,{id:"Autoplay",label:j("Autoplay"),size:"small",labelStyle:{position:"relative",top:2}})})})]}),C.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:j("Border radius"),collapsible:!0,open:a,onToggle:v,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:d,setOneBorderRadiusValue:c,elementSettings:i.settings})})]})};xl.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,formFields:g.default.object,setElementSettings:g.default.func,borderRadiusShow:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,linkProtocol:g.default.string,mergeTagItems:g.default.array,mergeMenuOpen:g.default.bool,setMergeMenuOpen:g.default.func,cascaderRef:g.default.object,handleLinkProtocolsChange:g.default.func,handleSelect:g.default.func,onChange:g.default.func,filter:g.default.func,renderSearchOption:g.default.func,toggleShowBorderRadiusHandler:g.default.func,setNewSlide:g.default.func};var kl=()=>{const{__:e}=r.useI18n();return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("p",{children:e("No properties to edit.")})})};kl.propTypes={};var El=2e3;function An(e){const i=(0,n.useRef)([]),l=(0,n.useRef)(e);return l.current=e,{remember:(0,n.useCallback)(s=>{const a=Date.now(),d=i.current.filter(c=>a-c.at<El);d.push({key:JSON.stringify(l.current(s)),at:a}),i.current=d.slice(-10)},[]),isOwnEcho:(0,n.useCallback)(s=>{if(!s)return!1;const a=Date.now(),d=JSON.stringify(l.current(s));return i.current.some(c=>a-c.at<El&&c.key===d)},[])}}function Nn(e,i){const l=`selected_${e}_form_images_`,s=i.startsWith(l)?l:`selected_${e}_form_`;return i.startsWith(s)?i.slice(s.length):i}function Ln(e){const i=/^(.+)_(\d+)$/.exec(e);return i?{key:i[1],index:Number(i[2])}:void 0}function On(e,i,l){return(e??[]).map((s,a)=>a===i.index?{...s,[i.key]:l}:s)}var $n={loop:!1,autoplay:!1,borderRadiusAll:0,borderRadiusTopLeft:0,borderRadiusBottomLeft:0,borderRadiusTopRight:0,borderRadiusBottomRight:0,link:"https://",images:{},src_0:"",renderedHeight_0:0,renderedWidth_0:0,imgReplacer_0:"",title_0:"",alt_0:""};function Fn(e){const i={...Ti(e)};return delete i.parent,delete i.path,i}var Bl=({elementSettings:e})=>{const{__:i}=r.useI18n(),[l]=t.ui_kit$Form.useForm();let s=r.useDispatch();r.useAppConfig();const a=r.useSendPostMessageEx(),d=r.useSendPostMessage(),{openImagePicker:c}=r.useImagePicker(),p=r.useSelector(r.selectEmailViewType),f=r.useSelector(r.selectMobileViewActive),[x,k]=(0,n.useState)(!0),[h,b]=(0,n.useState)(!0),[R,_]=(0,n.useState)(!1),[E,w]=(0,n.useState)(!1),[v,P]=(0,n.useState)("https://"),[j,I]=(0,n.useState)(l?.getFieldsValue(!0)),[C,Y]=(0,n.useState)(e),{remember:z,isOwnEcho:O}=An(Fn),[N,S]=(0,n.useState)(e);e!==N&&(S(e),O(e?.settings)||Y(e));const[Q,J]=(0,n.useState)({name:"",counter:0}),[re,te]=(0,n.useState)(null),[pe,be]=(0,n.useState)(),[ae,xe]=(0,n.useState)(!1),[Ie,ne]=(0,n.useState)(!1),[Fe,je]=(0,n.useState)({start:0,end:0}),le=(0,n.useRef)(null),Ee=`selected_${C.type}_form_link`,ce=r.useSelector(r.selectIsCodeMode),ee=r.useSelector(r.selectCodeModeDirection),ue=ce&&ee!=="bottom";(0,n.useEffect)(()=>{ae&&le.current&&le.current.focus()},[ae]);const se=(H,Te)=>{const we=document.getElementById(Te);if(we){const Ae=C,Ve=Nn(Ae.type,Te),Me=Ln(Ve),He=we.value?.substring(0,Fe.start),D=we.value?.substring(Fe.end);let me={[Ve]:He+H+D};Me?me={carouselImages:On(Ae.settings?.carouselImages,Me,He+H+D)}:C.type===r.ELEMENT_TYPES.CAROUSEL&&Ee===Te&&(me={[Ve]:He+H+D,carouselImages:[...C.settings?.carouselImages.map(V=>({...V,link:He+H+D}))||[]]}),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,settings:{...C.settings,...me}}),Y(V=>({...V,settings:{...V.settings,...me}})),l.setFieldValue(Ve,He+H+D),we.focus(),setTimeout(()=>{we.selectionStart=Fe.start,we.selectionEnd=Fe.start+H.length},400),ne(!0)}},Z=r.useAppConfig().mergeTags;(0,n.useEffect)(()=>{Z?.items?.length&&be(r.mapMargeTags(Z.items,i,(H,Te)=>{xe(!1),a(r.EVENT_TYPES.SANDBOX_ADD_MERGETAG,H),Te.stopPropagation(),Te.preventDefault()}))},[Z,be,i,xe,a]);const q=(H,Te)=>{if(xe(!1),H){const we=Z.syntax.length>1?pe.findIndex(Me=>Me.key===Te[0].key):0,Ae=Z.syntax[we].replace("%value%",H[H.length-1]),Ve=`selected_${C.type}_form${C.type==="carousel"?"_images":""}`;["imgReplacer","title","alt","src","link"].some(Me=>re?.getAttribute("id").includes(`${Ve}_${Me}`))||re?.getAttribute("id").includes(Ee)?se(Ae,re?.getAttribute("id")):(l.setFieldValue("imgReplacer",Ae),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,settings:{...C.settings,imgReplacer:Ae}}),Y(Me=>({...Me,settings:{...Me.settings,imgReplacer:Ae}})))}},G=r.useRootElement();(0,n.useEffect)(()=>{const H=({target:Ae})=>{Ae.closest('[id="merge_tags_wrapper"]')||te(Ae)},Te=({target:Ae})=>{!Ae.closest(".merge-tags")&&!Ae.closest("#merge_tags_button")&&xe(!1)},we=new xo.Disposable;return we.addDisposable(r.addWindowListenerFromShadow(G,"focusin",H)),we.addDisposable(r.addWindowListenerFromShadow(G,"click",Te)),()=>{we.dispose()}},[G]);const X=(H,Te)=>Te.some(we=>we.label.toLowerCase().indexOf(H.toLowerCase())>-1),ie=(H,Te)=>{const we=Te.map((Ae,Ve)=>{const Me=Ae.label.split(new RegExp(`(${H})`,"gi"));return(0,o.jsxs)("span",{children:[Ve!==0&&(0,o.jsx)("span",{children:" / "}),Me.map((He,D)=>He.toLowerCase()===H.toLowerCase()?(0,o.jsx)("span",{style:{color:"red"},children:He},D):He)]},Ae.value)});return(0,o.jsx)("div",{title:Te.map(Ae=>Ae.label).join(" / "),children:we})};(0,n.useEffect)(()=>{const H=l?.getFieldsValue(!0);I(H)},[l]);const Be=({target:H})=>{if(H&&!Ie){const{selectionStart:Te,selectionEnd:we}=H;je({start:Te,end:we})}ne(!1)};(0,n.useEffect)(()=>{if(C.settings){const H=C.settings,Te=Ti(H);l?.setFieldsValue(Te),I(Te),H.link&&P(Mt(H.link,"https://")),u(H.borderRadius?.all)||(u(H.borderRadius?.topLeft)||u(H.borderRadius?.bottomLeft)||u(H.borderRadius?.topRight)||u(H.borderRadius?.bottomRight)?k(!1):u(H.borderRadius?.all)||k(!0)),u(H.mobileBorderRadius?.topLeft)||u(H.mobileBorderRadius?.bottomLeft)||u(H.mobileBorderRadius?.topRight)||u(H.mobileBorderRadius?.bottomRight)?b(!1):b(!0),_(!!H.borderRadius?.all||!!H.borderRadius?.topLeft||!!H.borderRadius?.bottomLeft||!!H.borderRadius?.topRight||!!H.borderRadius?.bottomRight),w(!!H.mobileBorderRadius?.all||!!H.mobileBorderRadius?.topLeft||!!H.mobileBorderRadius?.bottomLeft||!!H.mobileBorderRadius?.topRight||!!H.mobileBorderRadius?.bottomRight)}},[l,C]);const ge=H=>{const Te=Nr(C.settings,l,H);d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,caption:Te.caption,settings:Te}),z({...C.settings,...Te}),Y(we=>({...we,settings:{...we.settings,...Te}}))},Pe=(H,Te)=>{const we=r.stripEmVersionFromUrlString(C.settings?.src||"")===r.stripEmVersionFromUrlString(H||"");(!we||H!==C.settings?.src)&&ge({src:H}),Te?.mode==="save"&&we&&(J(Ae=>({name:"src",counter:Ae.counter+1})),a(r.EVENT_TYPES.SANDBOX_IMAGE_RESET,{url:String(H)}))},Re=async H=>{const Te=C.settings?.src||"",we=r.stripEmVersionFromUrlString(Te),Ae=await c({kind:"img",currentUrl:$t(we)?"":we,entryModal:H});Ae?.url&&Pe(Ae.url,Ae.meta)},Le=H=>{const Te=H.data.operation;Te===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_AI_POPUP?Re(r.MODALS.UPLOAD_IMAGE_MODAL_AI):Te===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?Re(r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD):Te===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_EDIT_POPUP?Re(r.MODALS.UPLOAD_IMAGE_MODAL_EDIT):Te===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_GIF_POPUP?Re(r.MODALS.UPLOAD_IMAGE_MODAL_GIF):Te===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_STOCK_POPUP?Re(r.MODALS.UPLOAD_IMAGE_MODAL_STOCK):Te===r.EVENT_TYPES.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(s(r.closeSecondModal()),s(r.closeModal$1()))};r.useListenPostMessage(Le);const K=()=>{setTimeout(()=>{_(H=>!H),l.setFieldValue("borderRadiusAll",R?0:5),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,settings:{...C.settings,borderRadius:{all:R?"":5}}}),Y(H=>({...H,settings:{...H.settings,borderRadius:{all:R?null:5}}}))})},de=H=>{l.setFieldValue("link",H!=="mergetag"?H:""),P(H)},ve=()=>{const{width:H,height:Te,renderedWidth:we,renderedHeight:Ae}=C?.settings?.carouselImages[0]||{width:{value:600},height:{value:600},renderedWidth:600,renderedHeight:600},Ve={src:"https://emcdn.ru/1865/231031_17_BGU9Mso.png",width:{value:H.value,dim:"px"},height:{value:Te.value,dim:"px"},alt:"",title:"",link:null,renderedWidth:we,renderedHeight:Ae,imgReplacer:"",mobileWidth:{value:null,dim:"px"},mobileHeight:{value:null,dim:"px"},mobileBorderRadius:{all:null,topLeft:null,topRight:null,bottomRight:null,bottomLeft:null}},Me=[...C?.settings?.carouselImages,Ve];d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.CAROUSEL,settings:{...C.settings,carouselImages:Me}}),Y(He=>({...He,settings:{...He.settings,carouselImages:Me}}))};return(0,o.jsxs)(t.ui_kit$Form,{form:l,layout:"vertical",name:"selected_carousel_form",initialValues:$n,onValuesChange:ge,autoComplete:"off",className:"element-controls",children:[!ue&&(0,o.jsx)(t.ui_kit$Tooltip,{title:i("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:i("Appearance on mobile devices"),type:"info"})}),p==="mobile"&&f.styles?(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:(0,o.jsx)(kl,{})}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(xl,{form:l,elementSettings:C,formFields:j,setElementSettings:Y,borderRadiusShow:R,oneBorderRadiusValue:x,setOneBorderRadiusValue:k,linkProtocol:v,mergeTagItems:pe,mergeMenuOpen:ae,setMergeMenuOpen:xe,cascaderRef:le,handleLinkProtocolsChange:de,handleSelect:Be,onChange:q,filter:X,renderSearchOption:ie,toggleShowBorderRadiusHandler:K,setNewSlide:ve})})]})};Bl.propTypes={};var Mn={animate:!0,expandSingleSection:!0,sections:[{expanded:!1,index:0}]},Sl=({elementSettings:e})=>{const{__:i}=r.useI18n(),{token:l}=(0,t.ui_kit$useToken)(),[s]=t.ui_kit$Form.useForm(),a=r.useSendPostMessage(),d=r.useAppConfig(),[c,p]=(0,n.useState)(e),[f,x]=(0,n.useState)(e);e!==f&&(x(e),p(e)),(0,n.useEffect)(()=>{if(c.settings){const R=c.settings,_=Ti(R);s?.setFieldsValue(_)}},[s,c]);const k=R=>{const _=Nr(c.settings,s,R);a({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:c.type,caption:_.caption,settings:_}),p(E=>({...E,settings:{...E.settings,..._}}))},h=()=>{p(R=>({...R,sections:c?.settings?.sections.push({expanded:!1})})),a({operation:r.EVENT_TYPES.SANDBOX_ACCORDION_ADD_SECTION,settings:{section:i("Section title"),text:i("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")}})},b=R=>{p(_=>({..._,settings:{..._.settings,sections:c.settings.sections?.filter((E,w)=>w!==R)}})),a({operation:r.EVENT_TYPES.SANDBOX_ACCORDION_REMOVE_SECTION,settings:{index:R}})};return(0,o.jsx)(t.ui_kit$Form,{form:s,layout:"vertical",name:"selected_carousel_form",initialValues:Mn,onValuesChange:k,autoComplete:"off",className:"element-controls",children:(0,o.jsxs)("div",{id:"selected_element_form_desktop_props",children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:20,children:[(0,o.jsx)(t.ui_kit$Col,{span:15,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"expandSingleSection",valuePropName:"checked",children:(0,o.jsx)(t.ui_kit$Switch,{id:"ExpandSingleSection",label:i("Expand only one section"),size:"small",labelStyle:{position:"relative",top:2}})})}),(0,o.jsx)(t.ui_kit$Col,{span:9,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"animate",valuePropName:"checked",children:(0,o.jsx)(t.ui_kit$Switch,{id:"Animate",label:i("Animate"),size:"small",labelStyle:{position:"relative",top:2}})})})]}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"}),(0,o.jsx)(t.ui_kit$Form.List,{name:"sections",children:()=>(0,o.jsx)("div",{style:{paddingTop:l.formItemMarginBottomMD+4},children:c?.settings?.sections?.map((R,_)=>(0,o.jsxs)(t.ui_kit$Row,{gutter:24,children:[(0,o.jsx)(t.ui_kit$Col,{span:20,children:(0,o.jsxs)(t.ui_kit$Space,{size:10,align:"baseline",children:[(0,o.jsx)("span",{style:{position:"relative",top:2},children:i("Section ")+(_+1)}),(0,o.jsx)(t.ui_kit$Form.Item,{name:`expanded_${_}`,valuePropName:"checked",children:(0,o.jsx)(t.ui_kit$Switch,{id:`expanded_${_}`,label:i("expanded"),labelSize:"small",size:"small"})})]})}),(0,o.jsx)(t.ui_kit$Col,{children:c?.settings?.sections?.length>1&&(0,o.jsx)(t.ui_kit$Button,{type:"text",icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:16}),style:{marginRight:"auto"},onClick:()=>b(_)})})]},`expanded_${_}`))})}),(0,o.jsx)(t.ui_kit$Row,{gutter:20,children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:l.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$Button,{style:{display:"inline-flex",alignItems:"center",width:"100%"},icon:(0,o.jsx)(r.EmIcons,{icon:"PlusCircleOutlined",component:t.icons$PlusCircleOutlined,size:16,strokeWidth:d.iconStrokeWidth}),onClick:()=>h(),children:i(" Add section")})})})}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"})]})})};Sl.propTypes={};var{Text:Dn}=t.ui_kit$Typography,Vn="blocks",Tl="text/plain",Hn=(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"}),Un=(0,o.jsx)("span",{className:"addon-text-content",children:"Title"});function Ao(e){return e.closest(".email-pane__collapse-wrapper")}function zt({form:e,name:i,placeholder:l,usedColors:s,onColorChange:a}){const d=t.ui_kit$Form.useWatch(i,e);return(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:l,usedColors:s,value:typeof d=="string"?d:"",onChange:c=>a(i,c)})}var Wn=/^[a-z][a-z0-9+.-]*:/i;function Rl(e){const i=ot(typeof e=="string"?e:String(e??""));return i?Wn.test(i)?i:`https://${i}`:""}function zn(e){const i=typeof e=="string"?e.trim():String(e??"").trim();if(!i)return"";if(/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i.test(i))return i;try{return new URL(i,typeof window<"u"&&window.location?window.location.origin:"http://localhost").href}catch{return i}}function Gn(e){const i=Rl(e);if(!i)return!1;try{const l=new URL(i);return!(l.protocol!=="http:"&&l.protocol!=="https:"||!l.hostname)}catch{return!1}}async function yl(e,i){if(i===r.MODALS.UPLOAD_IMAGE_MODAL_EDIT&&$t(e)){try{const l=new URL(e,typeof window<"u"&&window.location?window.location.origin:"http://localhost").href,s=await fetch(l);if(s.ok){const a=await s.blob();return{entryModal:i,currentUrl:"",imageDataUrl:await new Promise((d,c)=>{const p=new FileReader;p.onload=()=>d(p.result),p.onerror=c,p.readAsDataURL(a)})}}}catch{}return{entryModal:r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD,currentUrl:""}}return{entryModal:i,currentUrl:e}}function Yn(){const e=r.useSelector(r.selectEditorThemeColor$1),[i,l]=(0,n.useState)(()=>typeof document<"u"&&document.body.classList.contains("dark"));return(0,n.useEffect)(()=>{const s=()=>l(document.body.classList.contains("dark"));s();const a=new MutationObserver(s);return a.observe(document.body,{attributes:!0,attributeFilter:["class"]}),()=>a.disconnect()},[]),e==="vs-dark"||i?"dark":"light"}function Xn(e){const i=String(e?.bgColor??"").trim();return{blockBgEnabled:!!(e?.bgEnabled&&i),blockBgColor:i}}function Gt(e,i,l){return{...e,buttonBgColor:i,hostCellBgForIconLuminance:String(l??"").trim()}}function wl(e){const i=e?.settings||{};return JSON.stringify({type:e?.type??null,caption:e?.caption??null,parent:e?.parent??i.parent??null,path:i.path??null,blockIndex:i.blockIndex??null})}function jl(e){if(!Array.isArray(e)||e.length===0)return"";const i=e.map(s=>s.customIcon?"":String(s?.itemBorderColor??"").trim()),l=i[0];return i.every(s=>s===l)?l:""}function Yt(e,i){const l=String(e??"").trim(),s=String(i??"").trim();return s||l}function Kn(e,i){const l=String(e??"").trim(),s=String(i??"").trim();return!s||l&&s===l?"":s}function qn(e,i,l){const s=String(e??"").trim(),a=String(i??"").trim(),d=String(l??"").trim();return d&&(!s||d!==s)?d:a}function Jn(e,i){return(e||[]).map(l=>({...l,itemBorderColor:l.customIcon?"":i}))}function Qn(e,i,l){return(e||[]).map(s=>({...s,buttonBgColor:s.customIcon?"":qn(i,l,s.buttonBgColor)}))}function Zn(e,i){if(e==null)return;const l=(s,a)=>{if(!a||!Object.prototype.hasOwnProperty.call(a,"platform"))return;const d=a.platform;d==null||d===""||i(s,d)};if(Array.isArray(e))e.forEach((s,a)=>{l(a,s)});else if(typeof e=="object")for(const s of Object.keys(e)){const a=Number.parseInt(s,10);Number.isNaN(a)||l(a,e[s])}}function vl({__:e,form:i,fieldName:l,pushSettingsToIframe:s,onMetaActiveChange:a}){const{token:d}=(0,t.ui_kit$useToken)(),c=t.ui_kit$Form.useWatch(["items",l],i),p=c&&typeof c=="object"?c:{},f=typeof p.alt=="string"?p.alt:"",x=typeof p.title=="string"?p.title:"",[k,h]=(0,n.useState)(!1),[b,R]=(0,n.useState)(!1),_=(0,n.useRef)(null),E=(0,n.useRef)(null),w=(0,n.useMemo)(()=>({clearIcon:(0,o.jsx)(t.ui_kit$ColorPickerClearGlyph,{})}),[]);(0,n.useEffect)(()=>{f.trim()&&h(!0)},[f]);const v=!!(f.trim()||k),P=!!(x.trim()||b),j=v||P;(0,n.useLayoutEffect)(()=>{a(l,{alt:v,title:P})},[v,l,a,P]);const I=(0,n.useMemo)(()=>({marginBottom:j?d.formItemMarginBottomXS:0}),[j,d.formItemMarginBottomXS]),C=(0,n.useMemo)(()=>[l,"alt"],[l]),Y=(0,n.useMemo)(()=>[l,"title"],[l]),z=j?"selected-social-form__meta-fields":"selected-social-form__meta-fields is-hidden",O=v?"selected-social-form__card-field":"selected-social-form__card-field is-hidden",N=P?"selected-social-form__card-field":"selected-social-form__card-field is-hidden",S=(0,n.useMemo)(()=>f.trim()?f.trim():e("Alternative text"),[e,f]),Q=(0,n.useMemo)(()=>x.trim()?x.trim():e("Tooltip text"),[e,x]),J=(0,n.useMemo)(()=>(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":v}),[v]),re=(0,n.useMemo)(()=>(0,De.default)("selected-td-form__button",{"selected-td-form__button--active":P}),[P]),te=(0,n.useCallback)(ae=>{setTimeout(()=>{const xe=ae.current;if(xe){if(typeof xe.focus=="function"){xe.focus();return}xe.input&&typeof xe.input.focus=="function"&&xe.input.focus()}},0)},[]),pe=(0,n.useCallback)(()=>{v?(h(!1),f.trim()&&(i.setFieldValue(["items",l,"alt"],""),setTimeout(()=>s(),0))):(h(!0),te(_))},[v,f,l,te,i,s]),be=(0,n.useCallback)(()=>{if(P)a(l,{title:!1}),R(!1),x.trim()&&(i.setFieldValue(["items",l,"title"],""),setTimeout(()=>s(),0));else{R(!0),a(l,{title:!0});const ae=f.trim();i.setFieldValue(["items",l,"title"],ae),setTimeout(()=>s(),0),te(E)}},[f,l,te,i,a,s,P,x]);return(0,o.jsxs)("div",{className:"selected-social-form__meta-block",children:[(0,o.jsxs)(t.ui_kit$Space,{size:8,className:"selected-social-form__meta-toggle-row",style:I,children:[(0,o.jsx)(t.ui_kit$Tooltip,{title:S,placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Button,{type:"default",className:J,onClick:pe,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Alt"})})}),(0,o.jsx)(t.ui_kit$Tooltip,{title:Q,placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Button,{type:"default",className:re,onClick:be,children:(0,o.jsx)("span",{className:"addon-text-content",children:"Title"})})})]}),(0,o.jsxs)("div",{className:z,children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:C,className:O,children:(0,o.jsx)(t.ui_kit$Input,{ref:_,placeholder:e("Alternative text"),allowClear:w,prefix:Hn})}),(0,o.jsx)(t.ui_kit$Form.Item,{name:Y,className:N,children:(0,o.jsx)(t.ui_kit$Input,{ref:E,placeholder:e("Social network name"),allowClear:w,prefix:Un})})]})]})}vl.propTypes={__:g.default.func.isRequired,form:g.default.object.isRequired,fieldName:g.default.oneOfType([g.default.number,g.default.string]).isRequired,pushSettingsToIframe:g.default.func.isRequired,onMetaActiveChange:g.default.func.isRequired};function ed(e,i){if(!Array.isArray(e)||e.length===0)return i;let l=null;for(const s of e){const a=s.iconWidth;if(a==null||Number.isNaN(a)||a<=0)return i;if(l===null)l=a;else if(a!==l)return i}return l??i}function od(e){if(!e)return{align:"center",iconSize:40,borderRadius:0,gap:8,globalBgColor:"",globalItemBorderColor:"",buttonBorderWidth:0,showLabel:!1,items:[]};const i=Xn(e),l=String(e?.hostCellBgForIconLuminance??"").trim(),s=ed(e.items,e.iconSize??40),a=typeof e.buttonBorderWidth=="number"&&!Number.isNaN(e.buttonBorderWidth)?e.buttonBorderWidth:0,d=e.bgEnabled&&e.bgColor?String(e.bgColor).trim():"";return{align:e.align??"center",iconSize:s,borderRadius:e.borderRadius??0,gap:e.gap??8,globalBgColor:d,globalItemBorderColor:jl(e.items),buttonBorderWidth:a,showLabel:e.showLabel??!1,items:Array.isArray(e.items)?e.items.map(c=>{const p=!!c.customIcon,f=p?"":Yt(d,c.buttonBgColor),x=c.platform&&!p?r.getSocialIconForBlockCell(c.platform,Gt(i,f,l)):null;return{...c,customIcon:p,title:String(c.title??"").trim(),...x?{iconSrc:x}:{},iconWidth:null,iconHeight:null,buttonBgColor:f,itemBorderColor:p?"":String(c.itemBorderColor??"").trim()}}):[]}}var Il=({elementSettings:e})=>{const{__:i}=r.useI18n(),l=r.useAppConfig(),s=r.useDispatch(),[a]=t.ui_kit$Form.useForm(),d=r.useSendPostMessage(),c=r.useSendPostMessageEx(),{openImagePicker:p}=r.useImagePicker(),[f,x]=(0,n.useState)(e),[k,h]=(0,n.useState)(null),[b,R]=(0,n.useState)(null),_=(0,n.useRef)(null),E=(0,n.useRef)(null),w=(0,n.useRef)(null),v=(0,n.useRef)(wl(e)),P=r.useSelector(r.selectEmailSettings),j=(0,n.useRef)(null),I=(0,n.useRef)(!1),C=(0,n.useRef)(""),Y=(0,n.useRef)({}),z=Yn(),O=P?.usedColors??[],N=t.ui_kit$Form.useWatch("items",a)||[],S=(0,n.useCallback)(()=>{j.current&&(document.removeEventListener("dragover",j.current,!0),j.current=null)},[]),Q=(0,n.useCallback)(()=>{if(j.current)return;const K=de=>{de.preventDefault(),de.dataTransfer&&(de.dataTransfer.dropEffect="move")};document.addEventListener("dragover",K,!0),j.current=K},[]),J=(0,n.useMemo)(()=>r.getSocialPresetsForBrand(Vn).filter(K=>r.SOCIAL_ICON_ORIGINAL_BY_PLATFORM[K.id]),[]),re=(0,n.useMemo)(()=>J.map(K=>({value:K.id,label:(0,o.jsxs)("span",{className:"selected-social-form__platform-option",children:[(0,o.jsx)("img",{src:r.getSocialIcon(K.id,z),alt:""}),(0,o.jsx)("span",{className:"selected-social-form__platform-option-text",children:i(K.labelMsgid)})]})})),[i,J,z]),te=(0,n.useCallback)((K,de)=>{Y.current={...Y.current,[K]:{...Y.current[K],...de}}},[]);(0,n.useEffect)(()=>{const K=wl(e);v.current!==K&&(v.current=K,Y.current={},x(e))},[e]);const pe=(0,n.useRef)(!1);(0,n.useEffect)(()=>{if(f?.settings){if(pe.current){pe.current=!1;return}const K=f.settings;C.current=K.bgEnabled&&K.bgColor?String(K.bgColor).trim():"",a.setFieldsValue(od(f.settings))}},[f,a]),(0,n.useEffect)(()=>()=>S(),[S]);const be=(0,n.useCallback)(()=>{const K=a.getFieldsValue(!0),de=f.settings||{},ve=String(de.hostCellBgForIconLuminance??"").trim(),H=(K.globalBgColor||"").trim(),Te=typeof K.iconSize=="number"&&!Number.isNaN(K.iconSize)?K.iconSize:de.iconSize??40,we=typeof K.borderRadius=="number"&&!Number.isNaN(K.borderRadius)?K.borderRadius:de.borderRadius??0,Ae=typeof K.gap=="number"&&!Number.isNaN(K.gap)?K.gap:de.gap??8,Ve={blockBgEnabled:!!H,blockBgColor:H},Me=(K.globalItemBorderColor||"").trim();let He=typeof K.buttonBorderWidth=="number"&&!Number.isNaN(K.buttonBorderWidth)?K.buttonBorderWidth:0;He=Math.max(0,Math.min(24,Math.round(He)));const D={...de,type:"social",align:K.align??de.align??"center",iconSize:Te,borderRadius:we,gap:Ae,bgEnabled:!!H,bgColor:H,hostCellBgForIconLuminance:ve,borderWidth:typeof de.borderWidth=="number"?de.borderWidth:0,borderColor:typeof de.borderColor=="string"?de.borderColor:"",buttonBorderColor:"",buttonBorderWidth:He,showLabel:K.showLabel,items:(K.items||[]).filter(Boolean).map((me,V)=>{const oe=!!me.customIcon,ke=Y.current[V]||{},$e=oe?"":Kn(H,(me.buttonBgColor||"").trim()),ze=typeof me.href=="string"?Rl(me.href):me.href,Ge=oe?"":Yt(H,$e),Ye=!oe&&me.platform?r.getSocialIconForBlockCell(me.platform,Gt(Ve,Ge,ve)):null,F=oe?"":Me||String(me.itemBorderColor??"").trim(),L=zn(oe?me.iconSrc||"":Ye||me.iconSrc||"");return{...me,customIcon:oe,href:ze,iconSrc:L,iconWidth:null,iconHeight:null,buttonBgColor:$e,itemBorderColor:F,title:ke.title?String(me.title??"").trim():""}})};d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:r.ELEMENT_TYPES.SOCIAL,caption:f.caption,settings:D}),C.current=H,pe.current=!0,x(me=>({...me,settings:D}))},[f.caption,f.settings,a,d]),ae=(0,n.useCallback)(K=>{if(K==null||K==="")return-1;const de=r.stripEmVersionFromUrlString(String(K));return(a.getFieldValue("items")||[]).findIndex(ve=>r.stripEmVersionFromUrlString(ve&&ve.iconSrc||"")===de)},[a]),xe=(0,n.useCallback)((K,de,ve,H)=>{const Te=[...a.getFieldValue("items")||[]];if(K<0||K>=Te.length)return;const we=r.stripEmVersionFromUrlString(String(H||""))===r.stripEmVersionFromUrlString(String(de||""));(!we||de!==Te[K]?.iconSrc)&&(Te[K]={...Te[K],iconSrc:de,customIcon:!0,buttonBgColor:"",itemBorderColor:""},a.setFieldValue("items",Te),setTimeout(()=>be(),0)),ve?.mode==="save"&&we&&c(r.EVENT_TYPES.SANDBOX_IMAGE_RESET,{url:String(de)})},[a,be,c]),Ie=(0,n.useCallback)(async(K,de)=>{const ve=r.stripEmVersionFromUrlString(String(de||"")),H=ae(de);if(H<0)return;const Te=(a.getFieldValue("items")||[])[H]?.iconSrc,{entryModal:we,currentUrl:Ae,imageDataUrl:Ve}=await yl(ve,K),Me=await p({kind:"img",currentUrl:Ae,entryModal:we,imageDataUrl:Ve});Me?.url&&xe(H,Me.url,Me.meta,Te)},[xe,ae,a,p]),ne=(0,n.useCallback)(async K=>{const de=(a.getFieldValue("items")||[])[K];if(!de)return;const{entryModal:ve,currentUrl:H,imageDataUrl:Te}=await yl(r.stripEmVersionFromUrlString(String(de.iconSrc||"")),r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD),we=de.iconSrc,Ae=await p({kind:"img",currentUrl:H,entryModal:ve,imageDataUrl:Te});Ae?.url&&xe(K,Ae.url,Ae.meta,we)},[xe,a,p]),Fe=(0,n.useCallback)(K=>{const de=parseInt(K.currentTarget.dataset.socialEditIndex??"",10);Number.isNaN(de)||ne(de)},[ne]),je=(0,n.useCallback)(K=>{const de=K.data?.operation,ve=K.data?.src;de===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_AI_POPUP?Ie(r.MODALS.UPLOAD_IMAGE_MODAL_AI,ve):de===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?Ie(r.MODALS.UPLOAD_IMAGE_MODAL_UPLOAD,ve):de===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_EDIT_POPUP?Ie(r.MODALS.UPLOAD_IMAGE_MODAL_EDIT,ve):de===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_GIF_POPUP?Ie(r.MODALS.UPLOAD_IMAGE_MODAL_GIF,ve):de===r.EVENT_TYPES.APPLICATION_OPEN_IMAGE_STOCK_POPUP?Ie(r.MODALS.UPLOAD_IMAGE_MODAL_STOCK,ve):de===r.EVENT_TYPES.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(s(r.closeSecondModal()),s(r.closeModal$1()))},[s,Ie]);r.useListenPostMessage(je);const le=(0,n.useCallback)(()=>{const K=a.getFieldValue("items")||[],de=J[0],ve=(a.getFieldValue("globalItemBorderColor")||"").trim(),H=(a.getFieldValue("globalBgColor")||"").trim();if(!de)a.setFieldsValue({items:[...K,{platform:void 0,customIcon:!1,href:"",alt:"",title:"",iconSrc:"",iconWidth:null,iconHeight:null,buttonBgColor:H,itemBorderColor:ve}]});else{const Te=String(f?.settings?.hostCellBgForIconLuminance??"").trim(),we=Yt(H,H),Ae=r.getSocialIconForBlockCell(de.id,Gt({blockBgEnabled:!!H,blockBgColor:H},we,Te)),Ve=i(de.labelMsgid);a.setFieldsValue({items:[...K,{platform:de.id,customIcon:!1,href:"",alt:Ve,title:"",iconSrc:Ae,iconWidth:null,iconHeight:null,buttonBgColor:H,itemBorderColor:ve}]})}setTimeout(()=>be(),0)},[i,f?.settings?.hostCellBgForIconLuminance,a,J,be]),Ee=(0,n.useCallback)((K,de)=>{K.dataTransfer.setData(Tl,String(de)),K.dataTransfer.setData(r.DND_SOCIAL_LIST_REORDER_MIME,String(de)),K.dataTransfer.effectAllowed="move",_.current=de,h(de),Q()},[Q]),ce=(0,n.useCallback)(()=>{S(),_.current=null,h(null),R(null)},[S]),ee=(0,n.useCallback)((K,de,ve)=>{if(ve<2)return;K.preventDefault(),K.dataTransfer.dropEffect="move";const H=_.current;H!==null&&H!==de&&R(de)},[]),ue=(0,n.useCallback)((K,de)=>{K.currentTarget.contains(K.relatedTarget)||R(ve=>ve===de?null:ve)},[]),se=(0,n.useCallback)((K,de,ve)=>{K.preventDefault(),R(null);const H=K.dataTransfer.getData(Tl),Te=parseInt(H,10);if(Number.isNaN(Te)||Te===de){S();return}ve(Te,de),S(),setTimeout(()=>be(),0)},[S,be]),Z=(0,n.useCallback)(K=>{const de=K.currentTarget,ve=parseInt(de.dataset.itemIndex??"",10);Number.isNaN(ve)||Ee(K,ve)},[Ee]),q=(0,n.useCallback)(K=>{const de=K.currentTarget,ve=parseInt(de.dataset.itemIndex??"",10),H=parseInt(de.dataset.listLength??"",10);Number.isNaN(ve)||Number.isNaN(H)||H<2||(K.preventDefault(),K.dataTransfer&&(K.dataTransfer.dropEffect="move"))},[]),G=(0,n.useCallback)(K=>{const de=K.currentTarget,ve=parseInt(de.dataset.itemIndex??"",10),H=parseInt(de.dataset.listLength??"",10);Number.isNaN(ve)||Number.isNaN(H)||ee(K,ve,H)},[ee]),X=(0,n.useCallback)(K=>{const de=parseInt(K.currentTarget.dataset.itemIndex??"",10);Number.isNaN(de)||ue(K,de)},[ue]),ie=(0,n.useCallback)(K=>{const de=parseInt(K.currentTarget.dataset.itemIndex??"",10),ve=E.current;Number.isNaN(de)||typeof ve!="function"||se(K,de,ve)},[se]),Be=(0,n.useCallback)(K=>{K.stopPropagation();const de=parseInt(K.currentTarget.dataset.fieldName??"",10),ve=w.current;Number.isNaN(de)||typeof ve!="function"||(ve(de),queueMicrotask(be))},[be]),ge=(0,n.useCallback)((K,de)=>{const ve=J.find(D=>D.id===de);if(!ve)return;const H=i(ve.labelMsgid),Te=Y.current[K]||{},we=String(a.getFieldValue(["items",K,"alt"])??"").trim();(Te.alt||we)&&a.setFieldValue(["items",K,"alt"],H),Te.title&&a.setFieldValue(["items",K,"title"],H);const Ae=(a.getFieldValue("globalBgColor")||"").trim(),Ve=Yt(Ae,(a.getFieldValue(["items",K,"buttonBgColor"])||"").trim()),Me=String(f?.settings?.hostCellBgForIconLuminance??"").trim(),He=r.getSocialIconForBlockCell(de,Gt({blockBgEnabled:!!Ae,blockBgColor:Ae},Ve,Me));He&&(a.setFieldValue(["items",K,"customIcon"],!1),a.setFieldValue(["items",K,"iconSrc"],He))},[i,f?.settings?.hostCellBgForIconLuminance,a,J]),Pe=(0,n.useCallback)(K=>{if(Object.prototype.hasOwnProperty.call(K,"globalItemBorderColor")){if(!I.current){const de=String(K.globalItemBorderColor??"").trim(),ve=a.getFieldValue("items")||[];a.setFieldsValue({items:Jn(ve,de)})}}else if(Object.prototype.hasOwnProperty.call(K,"globalBgColor")){const de=C.current,ve=String(K.globalBgColor??"").trim(),H=a.getFieldValue("items")||[];a.setFieldsValue({items:Qn(H,de,ve)})}else if(K?.items!=null){const de=a.getFieldValue("items")||[],ve=jl(de);ve!==(a.getFieldValue("globalItemBorderColor")||"").trim()&&(I.current=!0,a.setFieldValue("globalItemBorderColor",ve),queueMicrotask(()=>{I.current=!1}));const H=f.settings?.items||[];de.forEach((Te,we)=>{const Ae=Te?.platform,Ve=H[we]?.platform;Ae&&Ae!==Ve&&ge(we,Ae)})}Zn(K?.items,ge),be()},[f.settings?.items,a,be,ge]),Re=(0,n.useCallback)((K,de)=>{if(a.setFieldValue(K,de),Array.isArray(K)&&K[0]==="items"){Pe({items:{[K[1]]:{[K[2]]:de}}});return}Pe({[K]:de})},[a,Pe]),Le=(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"selected-social-form__section",children:[(0,o.jsx)("div",{className:"selected-social-form__section-title",children:i("General settings")}),(0,o.jsx)("div",{className:"selected-social-form__align-block",children:(0,o.jsx)(Uo,{form:a,elementSettings:{...f,type:r.ELEMENT_TYPES.SOCIAL}})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,className:"selected-social-form__field-row",children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Button size"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"iconSize",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:16,max:64,prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:"px",placeholder:i("Button size"),className:"selected-social-form__input-full"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Corner radius"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"borderRadius",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,max:48,prefix:(0,o.jsx)(r.EmIcons,{icon:"BorderRadius",component:t.icons$BorderRadius,className:"selected-td-form__icon-radius"}),addonAfter:"px",placeholder:i("Corner radius"),className:"selected-social-form__input-full"})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,className:"selected-social-form__field-row",children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Spacing"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"gap",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,max:48,prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingLeftRight",component:t.icons$PaddingLeftRight}),addonAfter:"px",placeholder:i("Spacing"),className:"selected-social-form__input-full"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background color"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"globalBgColor",className:"form-item-margin-xs",children:(0,o.jsx)(zt,{form:a,name:"globalBgColor",placeholder:i("Background color"),usedColors:O,onColorChange:Re})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,className:"selected-social-form__field-row",children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Border"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonBorderWidth",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,max:24,prefix:(0,o.jsx)(r.EmIcons,{icon:"BorderOuterOutlined",component:t.icons$BorderOuterOutlined}),addonAfter:"px",placeholder:i("Border"),className:"selected-social-form__input-full"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Border color"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"globalItemBorderColor",className:"form-item-margin-xs",children:(0,o.jsx)(zt,{form:a,name:"globalItemBorderColor",placeholder:i("Border color"),usedColors:O,onColorChange:Re})})})})]})]}),(0,o.jsxs)("div",{className:"selected-social-form__section selected-social-form__section--bordered",children:[(0,o.jsx)("div",{className:"selected-social-form__section-title",children:i("Social buttons")}),(0,o.jsx)(t.ui_kit$Form.List,{name:"items",children:(K,{remove:de,move:ve})=>(E.current=ve,w.current=de,(0,o.jsx)("div",{className:"selected-social-form__items",children:K.map((H,Te)=>{const we=!!(N[Te]?.customIcon??N[H.name]?.customIcon);return(0,o.jsxs)("div",{className:(0,De.default)("selected-social-form__card",k===Te&&"selected-social-form__card--dragging",b===Te&&k!==Te&&"selected-social-form__card--drag-over"),"data-item-index":Te,"data-list-length":K.length,onDragEnterCapture:q,onDragOverCapture:G,onDragLeave:X,onDropCapture:ie,children:[(0,o.jsxs)("div",{className:"selected-social-form__card-head",children:[(0,o.jsxs)("div",{className:"selected-social-form__card-head-main",children:[K.length>1?(0,o.jsx)("span",{className:"selected-social-form__drag-handle",draggable:!0,"data-item-index":Te,onDragStart:Z,onDragEnd:ce,role:"button",tabIndex:0,"aria-label":i("Drag to reorder"),children:(0,o.jsx)(r.EmIcons,{icon:"HolderOutlined",component:t.icons$HolderOutlined})}):null,(0,o.jsxs)(Dn,{className:"selected-social-form__card-title",children:[i("Button")," ",Te+1]})]}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Delete"),placement:"top",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Button,{type:"text",className:"selected-social-form__card-head-remove",icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:18,strokeWidth:l.iconStrokeWidth}),"aria-label":i("Delete"),"data-field-name":H.name,onClick:Be})})]}),(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"iconSrc"],hidden:!0,children:(0,o.jsx)(t.ui_kit$Input,{})}),(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"customIcon"],valuePropName:"checked",hidden:!0,children:(0,o.jsx)(t.ui_kit$Checkbox,{})}),(0,o.jsxs)("div",{className:"selected-social-form__platform-row",children:[(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"platform"],className:"selected-social-form__platform-field selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Select,{options:re,className:"selected-social-form__platform-select",classNames:{popup:{root:"selected-social-form__platform-dropdown"}},placeholder:i("Select"),suffixIcon:(0,o.jsx)(r.EmIcons,{icon:"ChevronDownCustom",component:t.icons$ChevronDownCustom,className:"ant-select-suffix"})})}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Edit icon"),placement:"top",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Button,{type:"text",className:"selected-social-form__platform-edit","data-social-edit-index":Te,icon:(0,o.jsx)(r.EmIcons,{icon:"EditOutlined",component:t.icons$EditOutlined,size:18,strokeWidth:l.iconStrokeWidth}),"aria-label":i("Edit icon"),onClick:Fe})})]}),(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"href"],className:"selected-social-form__card-field",rules:[{required:!0,whitespace:!0,message:i("Please enter the URL.")},{validator:async(Ae,Ve)=>{const Me=typeof Ve=="string"?Ve.trim():String(Ve??"").trim();if(Me&&!Gn(Me))throw new Error(i("Please enter the correct URL."))}}],children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Link03",component:t.icons$Link03,className:"selected-social-form__field-icon"}),placeholder:i("Enter link"),allowClear:{clearIcon:(0,o.jsx)(t.ui_kit$ColorPickerClearGlyph,{})}})}),we?null:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,className:"selected-social-form__card-field selected-social-form__bg-color-row",children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background color"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"buttonBgColor"],className:"selected-social-form__card-field",children:(0,o.jsx)(zt,{form:a,name:["items",H.name,"buttonBgColor"],placeholder:i("Background color"),usedColors:O,onColorChange:Re})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Border color"),placement:"bottom",getPopupContainer:Ao,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:[H.name,"itemBorderColor"],className:"selected-social-form__card-field",children:(0,o.jsx)(zt,{form:a,name:["items",H.name,"itemBorderColor"],placeholder:i("Border color"),usedColors:O,onColorChange:Re})})})})]}),(0,o.jsx)(vl,{__:i,form:a,fieldName:H.name,pushSettingsToIframe:be,onMetaActiveChange:te})]},H.key)})}))}),(0,o.jsx)(t.ui_kit$Button,{type:"text",block:!0,className:"selected-social-form__add-bar",icon:(0,o.jsx)(r.EmIcons,{icon:"PlusSquareOutlined",component:t.icons$PlusSquareOutlined}),onClick:le,children:i("Add button")})]})]});return(0,o.jsx)("div",{className:"selected-social-form",children:(0,o.jsx)(t.ui_kit$Form,{form:a,layout:"vertical",className:"selected-social-form__form element-controls",onValuesChange:Pe,autoComplete:"off",children:(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:Le})})})};Il.propTypes={elementSettings:g.default.shape({settings:g.default.object,type:g.default.string,caption:g.default.string})};var Cl=r.BASIC_BORDER_COLOR,td=(e,i,l,s,a,d,c="")=>{const p=e.getFieldsValue(!0),f=i?"cell_":c;setTimeout(()=>{i?s(x=>!x):l(x=>!x),a&&(p[f+"borderWidth"]=null,p[f+"borderColor"]="",p[f+"borderStyle"]=""),d(x=>({...r.RESET_BORDER_PARAMS,[p[f+"borderPosition"]]:{...x[p[f+"borderPosition"]],width:p[f+"borderWidth"],color:p[f+"borderColor"],style:p[f+"borderStyle"]}}))})},id=(e,i,l,s,a,d,c)=>{const p=e.getFieldsValue(!0);setTimeout(()=>{i(f=>!f),!l&&!s[p?.mobileBorderPosition]?.color&&(p.mobileBorderStyle="solid",p.mobileBorderWidth=1,p.mobileBorderColor=Cl,a(f=>({...s,[p?.mobileBorderPosition]:{color:Cl,style:"solid",width:1}}))),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:c.type,settings:{mobileBorder:{...s,[p?.mobileBorderPosition]:{color:p.mobileBorderColor,style:p.mobileBorderStyle,width:p.mobileBorderWidth}}}})})},rd=(e,i,l,s,a,d,c="")=>{const p=e.getFieldsValue(!0);setTimeout(()=>{i(f=>!f),l?(p[c+"borderRadiusAll"]=0,s(!0)):p[c+"borderRadiusAll"]||(p[c+"borderRadiusAll"]=0),a({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:d.type,settings:{borderRadius:{all:p[c+"borderRadiusAll"]}}})})},ld=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),!l&&!d.mobileBorderRadiusAll&&!d.mobileBorderRadiusTopLeft&&!d.mobileBorderRadiusTopRight&&!d.mobileBorderRadiusBottomRight&&!d.mobileBorderRadiusBottomLeft&&(d.mobileBorderRadiusAll=0),["all","topLeft","topRight","bottomRight","bottomLeft"].forEach(c=>{if(!d.mobileBorderRadius?.[c])return;const p=`mobileBorderRadius${c[0].toUpperCase()}${c.slice(1)}`;s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBorderRadius:{[c]:d[p],classNamePrefix:`em-mob-border_radius_${c}-`}}})})})},sd=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),!l&&!d.boxShadowColor?(d.boxShadowInset=!1,d.boxShadowHOffset=5,d.boxShadowVOffset=5,d.boxShadowBlurRadius=10,d.boxShadowSpreadRadius=-5,d.boxShadowColor="#000000"):l&&(d.boxShadowInset=!1,d.boxShadowHOffset=null,d.boxShadowVOffset=null,d.boxShadowBlurRadius=null,d.boxShadowSpreadRadius=null,d.boxShadowColor=""),s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{boxShadow:{blurRadius:d.boxShadowBlurRadius,color:d.boxShadowColor,hOffset:d.boxShadowHOffset,inset:d.boxShadowInset,spreadRadius:d.boxShadowSpreadRadius,vOffset:d.boxShadowVOffset}}})})},ad=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),!l&&!d.mobileBoxShadowColor&&(d.mobileBoxShadowInset=!1,d.mobileBoxShadowHOffset=5,d.mobileBoxShadowVOffset=5,d.mobileBoxShadowBlurRadius=10,d.mobileBoxShadowSpreadRadius=-5,d.mobileBoxShadowColor="#000000"),s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBoxShadow:{blurRadius:d.mobileBoxShadowBlurRadius,color:d.mobileBoxShadowColor,hOffset:d.mobileBoxShadowHOffset,inset:d.mobileBoxShadowInset,spreadRadius:d.mobileBoxShadowSpreadRadius,vOffset:d.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},nd=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),!l&&!d.mobileWidth&&(d.mobileWidth=""),s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileWidth:{value:d.mobileWidth,dim:d.mobileWidthDim,classNamePrefix:"em-mob-width-"}}})})},dd=e=>{setTimeout(()=>{e(i=>!i)})},cd=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),!l&&!d.mobileBackgroundColor&&(d.mobileBackgroundColor="#E5E5E5"),s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:d.mobileBackgroundColor}}}),l&&Et(e,a,s)})},ud=(e,i,l,s,a)=>{const d=e.getFieldsValue(!0);setTimeout(()=>{i(c=>!c),l&&(d.paddingLeftRight="",d.paddingLeft="",d.paddingRight="",d.paddingTopBottom="",d.paddingTop="",d.paddingBottom="",s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{padding:{all:0}}}))})},md=(e,i,l,s,a)=>{i(c=>!c);const d=e.getFieldsValue(!0);l||(d.paddingLeftRight=d.paddingLeft,d.paddingTopBottom=d.paddingTop,d.paddingRight=d.paddingLeft,d.paddingBottom=d.paddingTop,s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{padding:{top:d.paddingTopBottom,bottom:d.paddingTopBottom,left:d.paddingLeftRight,right:d.paddingLeftRight}}}))},pd=e=>{setTimeout(()=>{e(i=>!i)})},hd=(e,i,l,s,a)=>{i(c=>!c);const d=e.getFieldsValue(!0);l||(d.cell_paddingLeftRight=d.cell_paddingLeft,d.cell_paddingTopBottom=d.cell_paddingTop,d.cell_paddingRight=d.cell_paddingLeft,d.cell_paddingBottom=d.cell_paddingTop,s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{cell_padding:{top:d.cell_paddingTopBottom,bottom:d.cell_paddingTopBottom,left:d.cell_paddingLeftRight,right:d.cell_paddingLeftRight}}})),(l&&d.cell_paddingLeftRight||d.cell_paddingLeftRight===0)&&(d.cell_paddingLeft=d.cell_paddingLeftRight,d.cell_paddingRight=d.cell_paddingLeftRight),(l&&d.cell_paddingTopBottom||d.cell_paddingTopBottom===0)&&(d.cell_paddingTop=d.cell_paddingTopBottom,d.cell_paddingBottom=d.cell_paddingTopBottom)},bd=({form:e,onBorderSideClear:i,formName:l,elementSettings:s,formValues:a,isMacOS:d,__:c,token:p,appConfig:f,typografItems:x,backgroundRepeatOptions:k,backgroundSizeOptions:h,sendAction:b,handleToggleShowPaddingCell:R,handleTogglePaddingCell:_,handleToggleBackground:E,handleToggleBorder:w,handleToggleBorderRadius:v,paddingCellShow:P,paddingsExt:j,backgroundShow:I,cellBordersShow:C,borderRadiusShow:Y,oneBorderRadiusValue:z,setOneBorderRadiusValue:O,textInputRef:N,linkProtocol:S,handleLinkProtocolsChange:Q,backgroundImageEmpty:J})=>{const re=W.useGoogleFontsLoader();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$FormSection,{title:c("Text"),dividerTop:!1,children:[f.formTextFieldTypografEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"AddImage",style:{marginBottom:p.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"AddImage",component:t.icons$AddImage}),onClick:()=>b("add_img"),style:{width:"100%"},children:c("Add image")})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"Typography",style:{marginBottom:p.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Dropdown,{arrow:!0,menu:{items:x},trigger:["hover"],placement:"bottom",getPopupContainer:te=>te.closest(".selected-element-panel"),children:(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"Typograf",component:t.icons$Typograf}),onClick:()=>b("typograf"),style:{width:"100%"},children:c("Typography")})})})})]}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Text font"),placement:"bottom",zIndex:1,getPopupContainer:te=>te.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontFamily",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{textEditor:!0,loadGoogleFonts:re,getPopupContainer:te=>te.closest(".email-pane__collapse-wrapper")})})}),!s.showOnMobile&&(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"fontSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:8,max:90,placeholder:c("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Line height"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"lineHeight",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:10,max:110,placeholder:c("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:s,name:"textStrong",tooltipTitle:c(d?"Strong ( ⌘B )":"Strong  ( Ctrl+B )"),icon:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:s,name:"textItalic",tooltipTitle:c(d?"Italic ( ⌘I )":"Italic  ( Ctrl+I )"),icon:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:s,name:"textStrikethrough",tooltipTitle:c(d?"Strikethrough ( ⌘+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:(0,o.jsx)(r.EmIcons,{icon:"StrikethroughOutlined",component:t.icons$StrikethroughOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,elementSettings:s,name:"textUnderline",tooltipTitle:c(d?"Underline ( ⌘U )":"Underline ( Ctrl+U )"),icon:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined,className:"selected-text-common-form__icon-radius"})})}),(0,o.jsx)(t.ui_kit$Col,{span:3,children:(0,o.jsx)(qe,{form:e,className:(0,De.default)("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":typeof s.linkHref=="string"}),elementSettings:s,name:"textLink",tooltipTitle:c("Link"),icon:(0,o.jsx)(r.EmIcons,{icon:"LinkOutlined",component:t.icons$LinkOutlined,className:"selected-text-common-form__icon-radius"})})})]}),a?.textLink&&(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsxs)(t.ui_kit$Col,{span:24,children:[(0,o.jsx)(et,{show:S==="#",__:c,style:{marginBottom:p.formItemMarginBottomXS}}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("The URL that the hyperlink directs to."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"linkHref",children:(0,o.jsx)(t.ui_kit$Input,{ref:N,addonBefore:(0,o.jsx)(Zo,{linkProtocol:S,handleLinkProtocolsChange:Q,__:c}),allowClear:!0,placeholder:c("Hyperlink URL"),autoFocus:s?.customTable?.isNewLink,prefix:(0,o.jsx)(Qo,{linkProtocol:S})})})})]})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Text color"),placement:"bottom",zIndex:2,getPopupContainer:te=>te.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",rules:[{message:c("Please set the font color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:c("Color"),usedColors:s.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:c("Text background"),placement:"bottom",zIndex:2,getPopupContainer:te=>te.parentNode,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textBackgroundColor",rules:[{message:c("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:c("Background color"),usedColors:s.usedColors})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(it,{form:e,elementSettings:s,name:"textAlign"})}),(0,o.jsx)(t.ui_kit$Col,{span:12,style:{textAlign:"right"},children:(0,o.jsx)(Mo,{form:e,elementSettings:s,name:"valign",isNewIconType:!0})})]})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:c("Padding"),collapsible:!0,open:P,onToggle:R,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormPaddingInputs,{namePrefix:"cell_",extended:j,onToggleExtended:_,gutter:p.marginSM,rowStyle:{paddingBottom:4},labels:{horizontal:c("Horizontal padding"),vertical:c("Vertical padding"),left:c("Left padding"),right:c("Right padding"),top:c("Top padding"),bottom:c("Bottom padding"),individual:c("Individual padding")}})}),(0,o.jsx)(t.ui_kit$FormSection,{title:c("Background"),collapsible:!0,open:I,onToggle:E,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormBackgroundSettings,{colorFieldName:"cellBackgroundColor",imageEnabled:f.formTableFieldBackgroundImageEnabled&&!1,backgroundImageEmpty:J,usedColors:s.usedColors,colorPlaceholder:c("Background color"),horizontalPositionPlaceholder:c("Horizontal position"),horizontalPositionTooltip:c("Horizontal position"),verticalPositionPlaceholder:c("Vertical position"),verticalPositionTooltip:c("Vertical position"),backgroundRepeatTooltip:c("Background image repeat"),backgroundSizeTooltip:c("Background image size"),selectPlaceholder:c("Please choose"),backgroundRepeatOptions:k,backgroundSizeOptions:h,imageUploadSlot:(f.formTableFieldBackgroundImageEnabled,void 0)})}),(0,o.jsx)(t.ui_kit$FormSection,{title:c("Borders"),collapsible:!0,open:C,onToggle:w,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,namePrefix:"cell_"})}),f.formFieldBorderRadiusEnabled&&!1]})},Pl=({form:e,onBorderSideClear:i,elementSettings:l,paddingShow:s,paddingsExt:a,backgroundShow:d,bordersShow:c,borderRadiusShow:p,boxShadowShow:f,handleToggleShowPadding:x,handleTogglePadding:k,handleToggleBackground:h,handleToggleBorder:b,handleToggleBorderRadius:R,handleToggleBoxShadow:_,backgroundRepeatOptions:E,backgroundSizeOptions:w,backgroundImageEmpty:v,oneBorderRadiusValue:P,setOneBorderRadiusValue:j,boxShadow:I})=>{const{__:C}=r.useI18n(),Y=r.useAppConfig(),{token:z}=(0,t.ui_kit$useToken)();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$FormSection,{title:C("Padding"),collapsible:!0,open:s,onToggle:x,children:(0,o.jsx)(t.ui_kit$FormPaddingInputs,{extended:a,onToggleExtended:k,gutter:z.marginSM,labels:{horizontal:C("Horizontal padding"),vertical:C("Vertical padding"),left:C("Left padding"),right:C("Right padding"),top:C("Top padding"),bottom:C("Bottom padding"),individual:C("Individual padding")}})}),(0,o.jsxs)(t.ui_kit$FormSection,{title:C("Background"),collapsible:!0,open:d,onToggle:h,dividerTop:!0,children:[(0,o.jsx)(t.ui_kit$FormBackgroundSettings,{imageEnabled:Y.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:v,usedColors:l.usedColors,colorPlaceholder:C("Background color"),horizontalPositionPlaceholder:C("Horizontal position"),horizontalPositionTooltip:C("Horizontal position"),verticalPositionPlaceholder:C("Vertical position"),verticalPositionTooltip:C("Vertical position"),backgroundRepeatTooltip:C("Background image repeat"),backgroundSizeTooltip:C("Background image size"),selectPlaceholder:C("Please choose"),backgroundRepeatOptions:E,backgroundSizeOptions:w,imageUploadSlot:Y.formTableFieldBackgroundImageEnabled?(0,o.jsx)(No,{form:e,label:C("Background image"),name:"backgroundImage",tooltipTitle:C("Background image"),placeholder:C("Background image link/route")}):void 0}),(0,o.jsx)(rt,{form:e,showBackground:!0})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:C("Borders"),collapsible:!0,open:c,onToggle:b,dividerTop:!0,children:(0,o.jsx)(W.SelectedElementFormBorder,{form:e,onBorderSideClear:i})}),Y.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:C("Border radius"),collapsible:!0,open:p,onToggle:R,dividerTop:!0,children:(0,o.jsx)(So,{form:e,oneBorderRadiusValue:P,setOneBorderRadiusValue:j,elementSettings:l})}),Y.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:C("Box shadow"),collapsible:!0,open:f,onToggle:_,dividerTop:!0,children:(0,o.jsx)(jo,{})}),Y.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:C("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:l,form:e})})]})};Pl.propTypes={form:g.default.object.isRequired,onBorderSideClear:g.default.func,elementSettings:g.default.object.isRequired,paddingShow:g.default.bool,paddingsExt:g.default.bool,backgroundShow:g.default.bool,bordersShow:g.default.bool,borderRadiusShow:g.default.bool,boxShadowShow:g.default.bool,handleToggleShowPadding:g.default.func,handleTogglePadding:g.default.func,handleToggleBackground:g.default.func,handleToggleBorder:g.default.func,handleToggleBorderRadius:g.default.func,handleToggleBoxShadow:g.default.func,backgroundRepeatOptions:g.default.array,backgroundSizeOptions:g.default.array,backgroundImageEmpty:g.default.bool,oneBorderRadiusValue:g.default.bool,setOneBorderRadiusValue:g.default.func,boxShadow:g.default.object};var Al=({form:e,elementSettings:i,mobileSizeShow:l,mobileBackgroundShow:s,mobileBordersShow:a,mobileBorderRadiusShow:d,mobileBoxShadowShow:c,handleToggleMobileSize:p,handleToggleMobileBackground:f,handleToggleMobileBorder:x,handleToggleMobileBorderRadius:k,handleToggleMobileBoxShadow:h,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:R,mobileBorders:_,mobileBoxShadow:E})=>{const{__:w,_x:v}=r.useI18n(),P=r.useAppConfig(),{token:j}=(0,t.ui_kit$useToken)(),I=r.useSelector(r.selectEmailSettings);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$FormSection,{title:w("Size"),collapsible:!0,open:l,onToggle:p,dividerTop:!0,children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:w("Table width"),placement:"left",children:(0,o.jsx)("div",{style:{marginBottom:j.formItemMarginBottomMD+4},children:(0,o.jsx)(zo,{form:e,name:"mobileWidth",elementSettings:i})})})})}),(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)("div",{style:{marginBottom:j.formItemMarginBottomXS*2},children:(0,o.jsx)(t.ui_kit$Tooltip,{title:w("Height"),placement:"bottom",children:(0,o.jsx)(tt,{form:e,name:"mobileHeight",elementSettings:i})})})})})]})}),(0,o.jsx)(t.ui_kit$FormSection,{title:w("Background"),collapsible:!0,open:s,onToggle:f,dividerTop:!0,children:(0,o.jsx)(Bt,{elementSettings:Go(i),imageEnabled:P.formTableFieldBackgroundImageEnabled,desktopBackground:xt(i)})}),P.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:w("Borders"),collapsible:!0,open:a,onToggle:x,dividerTop:!0,children:(0,o.jsx)(t.ui_kit$FormBorderInputs,{form:e,fieldStructure:"flat",borderValues:_,usedColors:I.usedColors,labels:{color:w("Color"),width:v("Width","border"),none:w("None"),solid:w("Solid"),dashed:w("Dashed"),dotted:w("Dotted"),above:w("Above"),below:w("Below"),onLeft:w("On the left"),onRight:w("On the right"),around:w("Around"),usedColors:w("Used"),recommendedColors:w("Recommended")}})}),P.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:w("Border radius"),collapsible:!0,open:d,onToggle:k,dividerTop:!0,children:(0,o.jsx)(So,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:b,setOneBorderRadiusValue:R,elementSettings:i})}),P.formFieldBoxShadowEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:w("Box shadow"),collapsible:!0,open:c,onToggle:h,dividerTop:!0,children:(0,o.jsx)(jo,{typeOfForm:"mobile",form:e,elementSettings:i,enableSwitch:!1})}),P.formFieldVisibilityEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:w("Display control"),dividerTop:!0,children:(0,o.jsx)(vo,{elementSettings:i,form:e})})]})};Al.propTypes={form:g.default.object.isRequired,elementSettings:g.default.object.isRequired,mobileSizeShow:g.default.bool,mobileBackgroundShow:g.default.bool,mobileBordersShow:g.default.bool,mobileBorderRadiusShow:g.default.bool,mobileBoxShadowShow:g.default.bool,handleToggleMobileSize:g.default.func,handleToggleMobileBackground:g.default.func,handleToggleMobileBorder:g.default.func,handleToggleMobileBorderRadius:g.default.func,handleToggleMobileBoxShadow:g.default.func,oneMobileBorderRadiusValue:g.default.bool,setOneMobileBorderRadiusValue:g.default.func,mobileBorders:g.default.object,mobileBoxShadow:g.default.object};var fd=({form:e,onBorderSideClear:i,elementViewType:l,mobileViewActive:s,elementSettings:a,paddingShow:d,paddingsExt:c,backgroundShow:p,bordersShow:f,borderRadiusShow:x,boxShadowShow:k,mobileSizeShow:h,mobileBackgroundShow:b,mobileBordersShow:R,mobileBorderRadiusShow:_,mobileBoxShadowShow:E,handleToggleShowPadding:w,handleTogglePadding:v,handleToggleBackground:P,handleToggleBorder:j,handleToggleBorderRadius:I,handleToggleBoxShadow:C,handleToggleMobileSize:Y,handleToggleMobileBackground:z,handleToggleMobileBorder:O,handleToggleMobileBorderRadius:N,handleToggleMobileBoxShadow:S,backgroundRepeatOptions:Q,backgroundSizeOptions:J,backgroundImageEmpty:re,oneBorderRadiusValue:te,setOneBorderRadiusValue:pe,oneMobileBorderRadiusValue:be,setOneMobileBorderRadiusValue:ae,boxShadow:xe,mobileBorders:Ie,mobileBoxShadow:ne})=>(0,o.jsx)(o.Fragment,{children:l==="mobile"&&s.styles?(0,o.jsx)("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",children:(0,o.jsx)(Al,{form:e,elementSettings:a,mobileSizeShow:h,mobileBackgroundShow:b,mobileBordersShow:R,mobileBorderRadiusShow:_,mobileBoxShadowShow:E,handleToggleMobileSize:Y,handleToggleMobileBackground:z,handleToggleMobileBorder:O,handleToggleMobileBorderRadius:N,handleToggleMobileBoxShadow:S,oneMobileBorderRadiusValue:be,setOneMobileBorderRadiusValue:ae,mobileBorders:Ie,mobileBoxShadow:ne})}):(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(Pl,{form:e,onBorderSideClear:i,elementSettings:a,paddingShow:d,paddingsExt:c,backgroundShow:p,bordersShow:f,borderRadiusShow:x,boxShadowShow:k,handleToggleShowPadding:w,handleTogglePadding:v,handleToggleBackground:P,handleToggleBorder:j,handleToggleBorderRadius:I,handleToggleBoxShadow:C,backgroundRepeatOptions:Q,backgroundSizeOptions:J,backgroundImageEmpty:re,oneBorderRadiusValue:te,setOneBorderRadiusValue:pe,boxShadow:xe})})}),gd=["borderTop","borderBottom","borderLeft","borderRight"],Nl=({elementSettings:e,formName:i})=>{const{__:l}=r.useI18n(),s=r.useSendPostMessage(),[a]=t.ui_kit$Form.useForm(),{token:d}=(0,t.ui_kit$useToken)(),c=r.useAppConfig(),p=r.useSelector(r.selectEmailViewType),f=r.useSelector(r.selectMobileViewActive),x=r.useSelector(r.selectIsCodeMode),k=r.useSelector(r.selectCodeModeDirection),[h,b]=(0,n.useState)({}),[R,_]=(0,n.useState)(!0),[E,w]=(0,n.useState)({}),[v,P]=(0,n.useState)({}),[j,I]=(0,n.useState)(!0),[C,Y]=(0,n.useState)(e.customTable?.backgroundImage[0].value===""),[z,O]=(0,n.useState)(),[N,S]=(0,n.useState)(!1),[Q,J]=(0,n.useState)(!1),[re,te]=(0,n.useState)(!1),[pe,be]=(0,n.useState)(!1),[ae,xe]=(0,n.useState)(!1),[Ie,ne]=(0,n.useState)(!1),[Fe,je]=(0,n.useState)(!1),[le,Ee]=(0,n.useState)(!1),[ce,ee]=(0,n.useState)(!0),[ue,se]=(0,n.useState)(!0),[Z,q]=(0,n.useState)(!0),[G,X]=(0,n.useState)(!1),[ie,Be]=(0,n.useState)("https://"),[ge,Pe]=(0,n.useState)({}),[Re,Le]=(0,n.useState)(!1),[K,de]=(0,n.useState)(!1),[ve,H]=(0,n.useState)(!1),[Te,we]=(0,n.useState)({}),Ae=(0,n.useRef)(null),Ve=(0,n.useRef)(),Me=t.ui_kit$Form.useWatch([],a),He=[{label:l("Not defined"),value:"none"},{label:l("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:l("Repeat background (repeat)"),value:"repeat"},{label:l("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:l("Repeat background vertically (repeat-y)"),value:"repeat-y"}],D=[{label:l("Not defined"),value:""},{label:l("Contain"),value:"contain"},{label:l("Cover"),value:"cover"}],me={width:"",style:"",color:""},V=x&&k!=="bottom",oe=r.BASIC_BORDER_COLOR,ke=i==="Edit selected table cells"||!1,[$e,ze]=(0,n.useState)(null);(0,n.useEffect)(()=>{window?.navigator?.userAgent.includes("Macintosh")&&ze(!0)},[]);const Ge=U=>{s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_TEXT,action:U,locale:"en_US"})},Ye=[{key:"1",label:l("This element"),onClick:()=>Ge("typograf")},{key:"2",label:l("The whole email"),onClick:()=>Ge("typograf_all")}];let F="";(0,n.useEffect)(()=>{if(e){kt(e)&&Ee(!0);const U=e.border,ye=e.boxShadow,he=e.customTable?.mobileBorder,We=e.customTable?.mobileBoxShadow,co=e.customTable?.cellBorders;we(U),b(ye),w(he),P(We),Pe(co);const so=ke?e?.customTable?.cell_borderPosition:e?.customTable?.borderPosition,mo=Object.keys(he).find(ko=>he[ko]?.width||he[ko]?.style||he[ko]?.color);a.setFieldsValue({...e,width:e.width?.value,widthDim:e.width?.dim,maxWidth:e.maxWidth?.value,maxWidthDim:e.maxWidth?.dim,minWidth:e.minWidth?.value,minWidthDim:e.minWidth?.dim,show:e.show?e.show:"all",mobileAlign:e.mobileAlign?.value,mobileBorderPosition:mo||"all",mobileBorderWidth:he[mo]?.width!==null?he[mo]?.width:"",mobileBorderColor:he[mo]?.color||"",mobileBorderStyle:he[mo]?.style||"",...nt(e),exportAsPicture:e?.exportAsPicture,paddingLeftRight:u(e.customTable?.paddingLeftRight.replace(/px$/,"")),paddingTopBottom:u(e.customTable?.paddingTopBottom.replace(/px$/,"")),paddingRight:u(e.customTable?.paddingRight.replace(/px$/,"")),paddingLeft:u(e.customTable?.paddingLeft.replace(/px$/,"")),paddingTop:u(e.customTable?.paddingTop.replace(/px$/,"")),paddingBottom:u(e.customTable?.paddingBottom.replace(/px$/,"")),backgroundColor:u(e.customTable?.backgroundColor),backgroundImage:u(e.customTable?.backgroundImage[0].value),backgroundPositionX:u(e.customTable?.backgroundPositionX),backgroundPositionY:u(e.customTable?.backgroundPositionY),backgroundRepeat:u(e.customTable?.backgroundRepeat),backgroundSize:u(e.customTable?.backgroundSize),borderAll:u(e.customTable?.borderAll),borderRadiusAll:u(e.customTable?.borderRadius.all),borderRadiusTopLeft:u(e.customTable?.borderRadius.topLeft),borderRadiusBottomLeft:u(e.customTable?.borderRadius.bottomLeft),borderRadiusTopRight:u(e.customTable?.borderRadius.topRight),borderRadiusBottomRight:u(e.customTable?.borderRadius.bottomRight),borderRadius:{all:u(e.customTable?.borderRadius.all),topLeft:u(e.customTable?.borderRadius.topLeft),topRight:u(e.customTable?.borderRadius.topRight),bottomLeft:u(e.customTable?.borderRadius.bottomLeft),bottomRight:u(e.customTable?.borderRadius.bottomRight)},borderTop:u(e.customTable?.borderTop),borderBottom:u(e.customTable?.borderBottom),borderLeft:u(e.customTable?.borderLeft),borderRight:u(e.customTable?.borderRight),borderPosition:so||"borderAll",boxShadowInset:u(e.customTable?.boxShadow?.inset)||!1,boxShadowHOffset:u(e.customTable?.boxShadow?.hOffset),boxShadowVOffset:u(e.customTable?.boxShadow?.vOffset),boxShadowBlurRadius:u(e.customTable?.boxShadow?.blurRadius),boxShadowSpreadRadius:u(e.customTable?.boxShadow?.spreadRadius),boxShadowColor:u(e.customTable?.boxShadow?.color),mobileBoxShadowInset:u(e.customTable?.mobileBoxShadow?.inset)||!1,mobileBoxShadowHOffset:u(e.customTable?.mobileBoxShadow?.hOffset),mobileBoxShadowVOffset:u(e.customTable?.mobileBoxShadow?.vOffset),mobileBoxShadowBlurRadius:u(e.customTable?.mobileBoxShadow?.blurRadius),mobileBoxShadowSpreadRadius:u(e.customTable?.mobileBoxShadow?.spreadRadius),mobileBoxShadowColor:u(e.customTable?.mobileBoxShadow?.color),mobileBackgroundColor:u(e.customTable?.mobileBackgroundColor?.value!=="none"?e.customTable?.mobileBackgroundColor?.value:""),mobileWidth:po(e.customTable?.mobileWidth?.value),mobileWidthDim:e.customTable?.mobileWidth?.dim,mobileHeight:po(e.customTable?.mobileHeight?.value),mobileHeightDim:e.customTable?.mobileHeight?.dim,mobileBorderRadiusAll:u(e.customTable?.mobileBorderRadius.all),mobileBorderRadiusTopLeft:u(e.customTable?.mobileBorderRadius.topLeft!==null?e.customTable?.mobileBorderRadius.topLeft:e.customTable?.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:u(e.customTable?.mobileBorderRadius.bottomLeft!==null?e.customTable?.mobileBorderRadius.bottomLeft:e.customTable?.mobileBorderRadius.all),mobileBorderRadiusTopRight:u(e.customTable?.mobileBorderRadius.topRight!==null?e.customTable?.mobileBorderRadius.topRight:e.customTable?.mobileBorderRadius.all),mobileBorderRadiusBottomRight:u(e.customTable?.mobileBorderRadius.bottomRight!==null?e.customTable?.mobileBorderRadius.bottomRight:e.customTable?.mobileBorderRadius.all),cellBackgroundColor:u(e.customTable?.cellBackgroundColor),cell_borderPosition:u("cell_borderAll"),cell_borderAll:u(e.customTable?.cell_borderAll),cell_borderTop:u(e.customTable?.cell_borderTop),cell_borderBottom:u(e.customTable?.cell_borderBottom),cell_borderLeft:u(e.customTable?.cell_borderLeft),cell_borderRight:u(e.customTable?.cell_borderRight),cell_paddingLeftRight:u(e.customTable?.cell_paddingLeftRight?.replace(/px$/,"")),cell_paddingTopBottom:u(e.customTable?.cell_paddingTopBottom?.replace(/px$/,"")),cell_paddingRight:u(e.customTable?.cell_paddingRight?.replace(/px$/,"")),cell_paddingLeft:u(e.customTable?.cell_paddingLeft?.replace(/px$/,"")),cell_paddingTop:u(e.customTable?.cell_paddingTop?.replace(/px$/,"")),cell_paddingBottom:u(e.customTable?.cell_paddingBottom?.replace(/px$/,"")),fontFamily:u(e.customTable?.fontFamily),fontSize:u(e.customTable?.fontSize),lineHeight:u(e.customTable?.lineHeight),textStrong:u(e.customTable?.textStrong),textItalic:u(e.customTable?.textItalic),textStrikethrough:u(e.customTable?.textStrikethrough),textUnderline:u(e.customTable?.textUnderline),textLink:u(e.customTable?.textLink),linkHref:u(e.customTable?.linkHref),linkTarget:u(e.customTable?.linkTarget),textColor:u(e.customTable?.textColor),textBackgroundColor:u(e.customTable?.textBackgroundColor),textAlign:u(e.customTable?.textAlign),valign:u(e.customTable?.textValign)}),!u(e.customTable?.borderRadius.all)&&(u(e.customTable?.borderRadius.topLeft)||u(e.customTable?.borderRadius.bottomLeft)||u(e.customTable?.borderRadius.topRight)||u(e.customTable?.borderRadius.bottomRight))?_(!1):_(!0),!u(e.customTable?.mobileBorderRadius.all)&&u(e.customTable?.mobileBorderRadius.topLeft)||u(e.customTable?.mobileBorderRadius.bottomLeft)||u(e.customTable?.mobileBorderRadius.topRight)||u(e.customTable?.mobileBorderRadius.bottomRight)?I(!1):I(!0),Y(e.customTable?.backgroundImage[0].value===""),O(ko=>U[so]?.width||U[so]?.style||U[so]?.color?!0:ko),J(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),be(!!e.boxShadow),H(!!e.width?.value||!!e.minWidth?.value||!!e.maxWidth?.value),ne(!!e.customTable?.mobileWidth.value),de(!!e.exportAsPicture)}},[a,e]),(0,n.useEffect)(()=>{const U=a.getFieldValue("linkHref");typeof e.customTable?.linkHref=="string"&&Le(!0),Ae&&!U&&(Le(!1),a.setFieldsValue({linkHref:null})),Ae.current=U||null},[Me?.textLink,Me?.linkHref,e.customTable?.linkHref,a]),(0,n.useEffect)(()=>{e.customTable?.linkHref&&Wo(e.customTable?.linkHref||"",Be),a.setFieldsValue({linkHref:typeof e.customTable?.linkHref=="string"?e.customTable.linkHref:"https://"})},[a,e,Be]);const L=U=>{a.setFieldValue("linkHref",U!=="mergetag"?U:""),Be(U)},y=U=>{const ye=a.getFieldsValue(!0),he=Object.keys(U)[0];let We;const co=gd.includes(he)&&ye[he]?{...ye[he],width:ye[he].width===""?ye.borderAll?.width||"1":ye[he].width,color:ye[he].color===""?ye.borderAll?.color||oe:ye[he].color,style:ye[he].style===""?ye.borderAll?.style||"solid":ye[he].style}:null,so=["top","right","bottom","left"],mo="em-mob-border_",ko=Bo=>({...r.RESET_BORDER_PARAMS[Bo],classNamePrefix:`${mo}${Bo}-`}),qo=(Bo,ro,Ro,Vo)=>so.reduce((_o,Ho)=>(_o[Ho]={...Bo,[Ro]:Ho===ro?Vo:Bo[Ro],classNamePrefix:`${mo}${Ho}-`},_o),{}),Co=(Bo,ro,Ro,Vo)=>{const _o=Vo.mobileBorderPosition,Ho=_o==="all",vt=ro===""||ro==null;let Lo;Ho?Lo={all:{...Ro.all,[Bo]:vt?null:ro,classNamePrefix:`${mo}all-`},...so.reduce((Ct,ni)=>({...Ct,[ni]:ko(ni)}),{})}:vt?Lo={...Ro,[_o]:ko(_o),all:{...r.RESET_BORDER_PARAMS.all}}:Ro.all?.color!=null&&Ro.all?.width!=null&&Ro.all?.style!=null?Lo={...qo(Ro.all,_o,Bo,ro),all:{...r.RESET_BORDER_PARAMS.all}}:Lo={...Ro,[_o]:{...Ro[_o],[Bo]:ro,classNamePrefix:`${mo}${_o}-`},all:{...r.RESET_BORDER_PARAMS.all}};const It=Ho?Lo.all:Lo[_o],Br={mobileBorderColor:It?.color??oe,mobileBorderWidth:It?.width??1,mobileBorderStyle:It?.style??"solid"};return{newBorders:Lo,sending:{mobileBorder:Lo},formUpdates:Br}};switch(he){case"exportAsPicture":We={exportAsPicture:ye.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":We={boxShadow:{hOffset:ye.boxShadowHOffset,vOffset:ye.boxShadowVOffset,blurRadius:ye.boxShadowBlurRadius,spreadRadius:ye.boxShadowSpreadRadius,color:ye.boxShadowColor,inset:ye.boxShadowInset}};break;case"width":We={[he]:{value:U[he],dim:ye.widthDim}};break;case"widthDim":We={width:{value:ye.width,dim:U[he]}};break;case"maxWidth":We={[he]:{value:U[he],dim:ye.maxWidthDim}};break;case"maxWidthDim":We={maxWidth:{value:ye.maxWidth,dim:U[he]}};break;case"minWidth":We={[he]:{value:U[he],dim:ye.minWidthDim}};break;case"minWidthDim":We={minWidth:{value:ye.minWidth,dim:U[he]}};break;case"backgroundImage":Y(U[he]===""),We={[he]:[{...e.customTable?.backgroundImage[0],value:U[he]}],backgroundSize:"cover"},a.setFieldsValue({backgroundColor:""});break;case"backgroundColor":Y(!0),We=U,a.setFieldsValue({backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:""});break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":We={borderRadius:{[W.BORDER_RADIUS_POSITION[he]]:+U[he]}};break;case"mobileWidth":We={[he]:{classNamePrefix:"em-mob-width-",value:U[he],dim:ye.mobileWidthDim}};break;case"mobileWidthDim":We={mobileWidth:{classNamePrefix:"em-mob-width-",value:ye.mobileWidth||100,dim:U[he]}};break;case"mobileHeight":We={[he]:{classNamePrefix:"em-mob-height-",value:U[he],dim:ye.mobileHeightDim}};break;case"mobileBorderStyle":case"mobileBorderColor":case"mobileBorderWidth":const Bo={mobileBorderStyle:"style",mobileBorderColor:"color",mobileBorderWidth:"width"}[he],{newBorders:ro,sending:Ro,formUpdates:Vo}=Co(Bo,U[he],E,ye);Object.assign(ye,Vo),w(ro),We=Ro;break;case"mobileBorderPosition":a.setFieldsValue({mobileBorderWidth:E[U[he]].width||"",mobileBorderColor:E[U[he]].color||"",mobileBorderStyle:E[U[he]].style||""});break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":We={mobileBorderRadius:{[W.MOBILE_BORDER_RADIUS_POSITION[he]]:U[he],classNamePrefix:"em-mob-border_radius_"+W.MOBILE_BORDER_RADIUS_POSITION[he]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":We={mobileBoxShadow:{hOffset:ye.mobileBoxShadowHOffset,vOffset:ye.mobileBoxShadowVOffset,blurRadius:ye.mobileBoxShadowBlurRadius,spreadRadius:ye.mobileBoxShadowSpreadRadius,color:ye.mobileBoxShadowColor,inset:ye.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileBackgroundColor":case"mobileBackgroundImage":case"mobileBackgroundPositionX":case"mobileBackgroundPositionY":case"mobileBackgroundRepeat":case"mobileBackgroundSize":if(We=_t(U),!We)return;break;case"mobileAlign":We={[he]:{classNamePrefix:"em-mob-table_align-",value:U[he]}};break;case"borderPosition":We=U,s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:We});break;case"borderAll":U[he]?.style===""?a.setFieldsValue({borderAll:me}):a.setFieldsValue({borderTop:me,borderBottom:me,borderLeft:me,borderRight:me}),We=U;break;case"borderTop":a.setFieldsValue({borderTop:co}),U[he]?.style===""?a.setFieldsValue({borderTop:me}):a.setFieldsValue({borderAll:me}),We=U;break;case"borderBottom":a.setFieldsValue({borderBottom:co}),U[he]?.style===""?a.setFieldsValue({borderBottom:me}):a.setFieldsValue({borderAll:me}),We=U;break;case"borderLeft":a.setFieldsValue({borderLeft:co}),U[he]?.style===""?a.setFieldsValue({borderLeft:me}):a.setFieldsValue({borderAll:me}),We=U;break;case"borderRight":a.setFieldsValue({borderRight:co}),U[he]?.style===""?a.setFieldsValue({borderRight:me}):a.setFieldsValue({borderAll:me}),We=U;break;case"cell_borderPosition":We=U,s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:We});break;case"fontSize":case"lineHeight":if(U[he]===null||U[he]===""||U[he]===void 0)return;We=U;break;case"linkHref":{const _o=ot(U[he]);_o!==U[he]&&a.setFieldValue("linkHref",_o),We={linkHref:_o},Wo(_o,Be);break}default:We=U}he!=="borderPosition"&&s({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:We})},M=(0,n.useCallback)(()=>{td(a,ke,O,X,z,we,F)},[a,ke,z,F]),fe=(0,n.useCallback)(()=>{id(a,S,N,E,w,s,e)},[a,N,E,s,e]),Ne=(0,n.useCallback)(()=>{rd(a,J,Q,_,s,e,F)},[a,Q,_,s,e,F]),eo=(0,n.useCallback)(()=>{ld(a,te,re,s,e)},[a,re,s,e]),Xe=(0,n.useCallback)(()=>{sd(a,be,pe,s,e)},[a,pe,s,e]),lo=(0,n.useCallback)(()=>{ad(a,xe,ae,s,e)},[a,ae,s,e]),Qe=(0,n.useCallback)(()=>{nd(a,ne,Ie,s,e)},[a,Ie,s,e]),uo=(0,n.useCallback)(()=>{dd(je)},[je]),Eo=(0,n.useCallback)(()=>{cd(a,Ee,le,s,e)},[a,le,s,e]),B=(0,n.useCallback)(()=>{ud(a,ee,ce,s,e)},[a,ce,s,e]),T=(0,n.useCallback)(()=>{md(a,se,ue,s,e)},[a,ue,s,e]),m=(0,n.useCallback)(()=>{pd(q)},[q]),$=(0,n.useCallback)(()=>{hd(a,se,ue,s,e)},[a,ue,s,e]);return(0,o.jsxs)(t.ui_kit$Form,{form:a,layout:"vertical",name:i,initialValues:{paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",cell_paddingTop:"",cell_paddingLeft:"",cell_paddingRight:"",cell_paddingBottom:"",cell_paddingLeftRight:"",cell_paddingTopBottom:"",borderAll:{width:"",style:"",color:""},borderTop:{width:"",style:"",color:""},borderBottom:{width:"",style:"",color:""},borderLeft:{width:"",style:"",color:""},borderRight:{width:"",style:"",color:""},cellBackgroundColor:"",backgroundImageForCell:"",cellBackgroundPositionX:"",cellBackgroundPositionY:"",cellBackgroundRepeat:"",cellBackgroundSize:"",backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,show:"all",width:{value:"",dim:""},maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",mobileAlign:"",border:"",boxShadow:"",borderPosition:"",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"px",mobileBorder:"",mobileBorderPosition:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBorderAll:"",mobileBorderTop:"",mobileBorderBottom:"",mobileBorderLeft:"",mobileBorderRight:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:"",cell_border:"",cell_borderColor:"",cell_borderWidth:"",cell_borderStyle:"",cell_borderPosition:"cell_borderAll",cell_borderAll:{color:"",width:"",style:""},cell_borderTop:{color:"",width:"",style:""},cell_borderBottom:{color:"",width:"",style:""},cell_borderLeft:{color:"",width:"",style:""},cell_borderRight:{color:"",width:"",style:""},cell_borderRadiusAll:"",cell_RadiusTopLeft:"",cell_RadiusBottomLeft:"",cell_RadiusTopRight:"",cell_RadiusBottomRight:"",fontFamily:"",fontSize:"",lineHeight:"",textStrong:"",textItalic:"",textStrikethrough:"",textUnderline:"",textLink:"",linkHref:"",textColor:"",textAlign:"",verticalAlign:"",textBackgroundColor:"",valign:""},onValuesChange:y,autoComplete:"off",className:"element-controls",style:{padding:0,display:"flex",flexDirection:"column"},children:[!V&&(0,o.jsx)(t.ui_kit$Tooltip,{title:l("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Alert,{className:"selected_form-mobile-props-title",title:l("Appearance on mobile devices"),type:"info"})}),ke?(0,o.jsx)("div",{id:"selected_element_form_desktop_props",children:(0,o.jsx)(bd,{form:a,onBorderSideClear:y,formValues:Me,elementSettings:e,appConfig:c,token:d,isMacOS:$e,__:l,handleToggleShowPaddingCell:m,handleTogglePaddingCell:$,handleToggleBackground:uo,handleToggleBorder:M,handleToggleBorderRadius:Ne,paddingCellShow:Z,paddingsExt:ue,backgroundShow:Fe,cellBordersShow:G,borderRadiusShow:Q,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,backgroundImageEmpty:C,backgroundRepeatOptions:He,backgroundSizeOptions:D,sendAction:Ge,typografItems:Ye,textInputRef:Ve,linkProtocol:ie,handleLinkProtocolsChange:L,isCodeVision:V})}):(0,o.jsx)(fd,{form:a,onBorderSideClear:y,elementSettings:e,handleToggleShowPadding:B,handleTogglePadding:T,handleToggleBackground:uo,handleToggleBorder:M,handleToggleBorderRadius:Ne,handleToggleBoxShadow:Xe,handleToggleMobileSize:Qe,handleToggleMobileBackground:Eo,handleToggleMobileBorder:fe,handleToggleMobileBorderRadius:eo,handleToggleMobileBoxShadow:lo,paddingShow:ce,paddingsExt:ue,backgroundShow:Fe,bordersShow:z,borderRadiusShow:Q,boxShadowShow:pe,mobileSizeShow:Ie,mobileBackgroundShow:le,mobileBordersShow:N,mobileBorderRadiusShow:re,mobileBoxShadowShow:ae,oneBorderRadiusValue:R,setOneBorderRadiusValue:_,oneMobileBorderRadiusValue:j,setOneMobileBorderRadiusValue:I,backgroundImageEmpty:C,backgroundRepeatOptions:He,backgroundSizeOptions:D,boxShadow:h,mobileBorders:E,mobileBoxShadow:v,elementViewType:p,mobileViewActive:f})," "]})};Nl.propTypes={elementSettings:g.default.object.isRequired};var dt=({className:e=null,formSettings:i,emailElementType:l,formName:s})=>{const a=r.useDispatch(),d=wo.useSendStyleToggleToIframe(),c=(0,n.useRef)(),p=r.useSelector(r.selectActiveSettingsTab),f=r.useSelector(r.selectElementSettings$1),x=r.useSelector(r.selectElementSettings),k=r.useContainer(),h=r.getComponentRegistry(k),b=l==="email"?f:x,R=b.type,_=R===r.ELEMENT_TYPES.CAROUSEL||R===r.ELEMENT_TYPES.IMG?i.settings:b,[E,w]=(0,n.useState)(_),[v,P]=(0,n.useState)(_);_!==v&&(P(_),w(_));const j=I=>{const C=I.data.operation,Y=I.data.action;if(C===r.EVENT_TYPES.APPLICATION_ACTION){let O=function(N,S=null){const Q={[N]:S||!E[N]};d(Q,E.type),a(r.setEmailSettings(Q)),w(J=>({...J,...Q}))};var z=O;Y==="toggle_strong"&&O("textStrong"),Y==="toggle_italic"&&O("textItalic"),Y==="toggle_underline"&&O("textUnderline"),Y==="toggle_strikethrough"&&O("textStrikethrough"),Y==="textAlign_left"&&O("textAlign","left"),Y==="textAlign_right"&&O("textAlign","right"),Y==="textAlign_center"&&O("textAlign","center")}};return r.useListenPostMessage(j),(0,o.jsx)("div",{className:"selected-element-panel",children:(0,o.jsx)(r.CSSTransition,{nodeRef:c,in:p===r.PROPERTIES,timeout:300,classNames:"transition",children:(0,o.jsxs)("div",{ref:c,className:(0,De.default)("selected-element-panel-content",{[e]:e}),children:[i?.type==="advanced"&&i?.content?(0,o.jsx)(n.Fragment,{children:h.getReactElement(i.content)},i.instanceKey):null,(b.type===r.ELEMENT_TYPES.IMG||b.type===r.ELEMENT_TYPES.COUNTDOWN||b.type===r.ELEMENT_TYPES.VIDEO)&&(0,o.jsx)(Fr,{elementSettings:b}),b.type===r.ELEMENT_TYPES.TEXT&&(0,o.jsx)(pn,{elementSettings:b}),b.type===r.ELEMENT_TYPES.LINK&&(0,o.jsx)(ol,{elementSettings:b}),b.type===r.ELEMENT_TYPES.TABLE&&(0,o.jsx)(el,{elementSettings:b}),b.type===r.ELEMENT_TYPES.CUSTOM_TABLE&&(0,o.jsx)(Nl,{elementSettings:b,formName:s}),(b.type===r.ELEMENT_TYPES.TD||b.type===r.ELEMENT_TYPES.STRUCTURE||b.type===r.ELEMENT_TYPES.GROUP||b.type===r.ELEMENT_TYPES.COLUMN)&&(0,o.jsx)(al,{elementSettings:b}),b.type===r.ELEMENT_TYPES.VAR&&(0,o.jsx)(gl,{elementSettings:b}),b.type===r.ELEMENT_TYPES.BUTTON&&(0,o.jsx)(fl,{elementSettings:b}),b.type===r.ELEMENT_TYPES.DIV&&(0,o.jsx)(cl,{elementSettings:b}),b.type===r.ELEMENT_TYPES.VINDENT&&(0,o.jsx)(rl,{elementSettings:b}),b.type===r.ELEMENT_TYPES.FLOAT_BLOCK&&(0,o.jsx)(pl,{elementSettings:b}),i.type===r.ELEMENT_TYPES.CAROUSEL&&(0,o.jsx)(Bl,{elementSettings:i}),i.type===r.ELEMENT_TYPES.ACCORDION&&(0,o.jsx)(Sl,{elementSettings:i}),i.type===r.ELEMENT_TYPES.SOCIAL&&(0,o.jsx)(Il,{elementSettings:i})]})})})};dt.propTypes={className:g.default.string,formName:g.default.string};function Yo(){return!!document.querySelector(".selected-element-panel__columns-settings__links__add")?.closest(".selected-element-panel")}var Ll=({emailElementType:e,isSelectedElement:i=!1,selectedElement:l={parent:!1}})=>{const{__:s}=r.useI18n(),a=r.useDispatch(),d=r.useSendPostMessage(),[c]=t.ui_kit$Form.useForm(),p=(0,n.useRef)(),f=(0,n.useRef)(),x=r.useSelector(r.selectElementSettings$1),k=r.useSelector(r.selectElementSettings),h=r.useAppConfig(),b=l||(e==="email"?x:k),[R,_]=(0,n.useState)(b.floatBlocks?.wrap),[E,w]=(0,n.useState)(b.floatBlocks?.dirRevers),[v,P]=(0,n.useState)(null),[j,I]=(0,n.useState)(0),[C,Y]=(0,n.useState)([]),z=r.useSelector(r.selectEmailViewType),O=(0,n.useCallback)(le=>{a(e==="email"?r.setElementSettings$1(le):r.setElementSettings(le))},[a,e]);(0,n.useEffect)(()=>{if(b&&JSON.stringify(b)!=="{}"&&c._init){if(c.resetFields(),c.setFieldsValue({gap:b.floatBlocks?.gap,gapMobile:b.floatBlocks?.gapMobile,gapDim:"px",valign:b.floatBlocks?.valign}),b.floatBlocks?.items.length>0){let ee=function(ue,se){if(ue.length!==se.length)return!1;for(let Z=0;Z<ue.length;Z++)if(ue[Z]!==se[Z])return!1;return!0};var le=ee;const Ee=b.floatBlocks.items.reduce((ue,se)=>ue+se.width,0),ce=b.floatBlocks.items.map(ue=>((ue.width||0)/Ee*100).toFixed(1));I(Ee),!ee(ce,C)&&b.changeKey!=="gap"&&Y(ce),b.floatBlocks.items.forEach((ue,se)=>c.setFieldsValue({["width-"+se]:ue.width||0})),b.floatBlocks.items.length>=8?document.querySelector(".selected-element-panel__columns-settings__links__add")?.classList.add("noactive"):document.querySelector(".selected-element-panel__columns-settings__links__add")?.classList.contains("noactive")&&document.querySelector(".selected-element-panel__columns-settings__links__add")?.classList.remove("noactive")}_(b.floatBlocks?.wrap)}},[c,b,v,C]);let N=0;b.floatBlocks?.items.length>0&&(N=b.floatBlocks.items.length);const S=(le,Ee)=>{Object.keys(Ee).forEach(ce=>{if(ce.includes("width")){const ee=parseInt(ce.match(/\d+/));c.setFieldsValue({[ce]:le.items[ee]})}})},[Q,J]=(0,n.useState)(!1);(0,n.useEffect)(()=>{const le=()=>J(!0),Ee=()=>J(!1);return document.addEventListener("keyup",Ee),document.addEventListener("keydown",le),()=>{document.removeEventListener("keyup",Ee),document.removeEventListener("keydown",le)}},[]);const re=le=>{f.current&&Q&&clearTimeout(f.current),f.current=setTimeout(()=>Ee(le),50);function Ee(ce){const ee=c.getFieldsValue(!0),ue=Object.keys(ce)[0];if(P(ue),ue.includes("width")){if(ee[ue]&&ee[ue]>=30){let se={items:[],gap:ee.gap,valign:ee.valign,activateSection:i?void 0:"structure"},Z=0;if(document.querySelectorAll(".selected-element-panel__columns-settings__controls__column").length>1){Z=parseFloat(Object.keys(ce)[0].substring(Object.keys(ce)[0].length-1));const q=ee["width-"+(Z+1)]?Z+1:0;let G=j;Object.keys(ee).forEach(X=>{X.includes("width")&&X.indexOf("width-"+q)===-1&&(G-=ee[X])}),ee["width-"+q]=G}Object.keys(ee).forEach(q=>{q.includes("width")&&se.items.push(ee[q])}),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksWidths",settings:se}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,...se,items:b.floatBlocks.items.map((q,G)=>({...b.floatBlocks.items[G],width:se.items[G]}))},changeKey:ue})}}else if(ue==="gap"){const se={items:b.floatBlocks.items.map(X=>X.width),gap:b.floatBlocks.gap},Z=se.items.reduce((X,ie)=>X+ie,0)+(se.items.length-1)*se.gap,q=ee.gap,G=Z-(se.items.length-1)*q;if(G>se.items.length*30||b.floatBlocks.gap-ce>=0){const X=(Pe,Re)=>Math.round(Re*Pe/100);let ie=se.items.map((Pe,Re)=>X(C[Re],G));const Be=Z-(ie.reduce((Pe,Re)=>Pe+Re,0)+(se.items.length-1)*q);if(Be!==0){const Pe=ie.length-Math.abs(Be);ie=ie.map((Re,Le)=>Pe<=Le?Re+(Be>0?1:-1):Re)}let ge={items:ie,gap:q||0};S(ge,ee),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksGap",settings:ge,editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,...ge,items:b.floatBlocks.items.map((Pe,Re)=>({...Pe,width:ge.items[Re]}))},changeKey:ue})}}else if(ue==="valign"){let se={valign:ee.valign};d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksValign",settings:se,editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,...se},changeKey:ue})}else if(ue==="gapMobile"){let se={mobileHeight:{classNamePrefix:"em-mob-height-",value:ce[ue],dim:"px"}};d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksGapMobile",settings:se}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,gapMobile:se.mobileHeight.value},changeKey:ue})}setTimeout(()=>p?.current&&p.current.focus({cursor:"end"}),600)}},te=()=>{const le=c.getFieldsValue(!0),Ee=b.floatBlocks.items.map(G=>G.width);let ce={items:[],gap:le.gap};const ee=Ee.reduce((G,X)=>G+X,0),ue=Ee.length,se=Math.ceil(j/ue)*ue,Z=se/ue,q=ee-se;if(ce.items=Array(ue).fill(Z),q!==0){const G=Ee.length-Math.abs(q);ce.items=ce.items.map((X,ie)=>G<=ie?X+(q>0?1:-1):X)}S(ce,le),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksWidths",settings:ce,editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,...ce,items:b.floatBlocks.items.map((G,X)=>({...G,width:ce.items[X]}))},changeKey:"width"})},pe=le=>{const Ee=c.getFieldsValue(!0),ce=b.floatBlocks.items.map(ge=>ge.width),ee=b.floatBlocks.gap||20,ue=le.cols-ce.length;let se=[],Z=ce.reduce((ge,Pe)=>ge+Pe,0);le.cols>=ce.length?Z-=ee*ue:Z+=ee*Math.abs(ue);const q=Math.round(Z/le.cols);function G(ge,Pe){const Re=[];for(let Le=0;Le<ge;Le++)Re.push(le.width?.[Le]?Math.round(Z/100*le.width?.[Le]):Pe);return Re}se=G(le.cols,q);const X=Z-se.reduce((ge,Pe)=>ge+Pe,0);if(X!==0){let ge=se.map((Re,Le)=>[Le,Re]).filter(Re=>Re[1]>30);const Pe=ge.length-Math.abs(X);ge=ge.map((Re,Le)=>{const K=Pe<=Le?Re[1]+(X>0?1:-1):Re[1];return[Re[0],K]}),ge.map(Re=>(se[Re[0]]=Re[1],Re))}let ie={items:se,gap:Ee.gap||20};const Be=se.reduce((ge,Pe)=>ge+Pe,0);Y(se.map(ge=>(ge/Be*100).toFixed(1))),d({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksPreset",settings:ie,editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,...ie,items:ie.items.map((ge,Pe)=>({width:ge,current:!1}))},changeKey:"width"})},be=()=>{const le=c.getFieldsValue(!0);if(N<8){const Ee=b.floatBlocks.items.map(G=>G.width),ce=b.floatBlocks.gap,ee=Ee.reduce((G,X)=>G+(X>30?X:0),0),ue=(ee-30-ce)/ee,se=Ee.map(G=>G>30?Math.round(G*ue):G).reduce((G,X)=>G+(X>30?X:0),0);let Z=Ee.map(G=>G>30?Math.round(G*ue):G);Z.push(30);const q=ee-se-30-ce;if(q!==0){let G=Z.map((ie,Be)=>[Be,ie]).filter(ie=>ie[1]>30);const X=G.length-Math.abs(q);G=G.map((ie,Be)=>{const ge=X<=Be?ie[1]+(q>0?1:-1):ie[1];return[ie[0],ge]}),G.map(ie=>(Z[ie[0]]=ie[1],ie))}d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_ADD,settings:{gap:le.gap,gapMobile:le.gapMobile,minWidth:30},editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,items:Z.map((G,X)=>({width:G,current:b.floatBlocks.items[X]?.current||!1}))},changeKey:"width"})}else document.querySelector(".selected-element-panel__columns-settings__links__add")?.classList.add("noactive")},ae=le=>{const Ee=c.getFieldsValue(!0);let ce=0;document.querySelectorAll(".selected-element-panel__columns-settings__controls__column").forEach((ge,Pe)=>{ge===le.target.closest(".selected-element-panel__columns-settings__controls__column")&&(ce=Pe)});const ee=+b.floatBlocks.gap,ue=+b.floatBlocks.items[ce].width+ee,se=b.floatBlocks.items.map(ge=>+ge.width),Z=(se.length-1)*ee,q=se.reduce((ge,Pe)=>ge+Pe,0)+Z,G=se.length-1,X=Math.floor(ue/G);let ie=se.filter((ge,Pe)=>Pe!==ce).map(ge=>ge+X);const Be=q-(ie.reduce((ge,Pe)=>ge+Pe,0)+(se.length-2)*ee);if(Be!==0){const ge=ie.length-Math.abs(Be);ie=ie.map((Pe,Re)=>ge<=Re?Pe+(Be>0?1:-1):Pe)}d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_REMOVE,settings:{removedBlockIndex:ce,gap:Ee.gap},editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,items:ie.map((ge,Pe)=>({width:ge,current:b.floatBlocks.items.filter((Re,Le)=>Le!==ce)[Pe].current}))},changeKey:"width"})},xe=le=>{if(N>=8)return;const Ee=c.getFieldsValue(!0);let ce=0;document.querySelectorAll(".selected-element-panel__columns-settings__controls__column").forEach((Re,Le)=>{Re===le.target.closest(".selected-element-panel__columns-settings__controls__column")&&(ce=Le)});const ee=parseFloat(Ee.gap)||0,ue=b.floatBlocks.items.map(Re=>+Re.width),se=ue[ce],Z=ue.reduce((Re,Le)=>Re+Le,0),q=Z-ee,G=Z+se,X=G>0?q/G:1;let ie=[];const Be=[];ue.forEach((Re,Le)=>{ie.push(Math.max(30,Math.round(Re*X))),Be.push(b.floatBlocks.items[Le]?.current||!1),Le===ce&&(ie.push(Math.max(30,Math.round(se*X))),Be.push(!1))});const ge=q-ie.reduce((Re,Le)=>Re+Le,0);if(ge!==0){let Re=ie.map((K,de)=>[de,K]).filter(K=>K[1]>30);const Le=Re.length-Math.abs(ge);Re=Re.map((K,de)=>[K[0],Le<=de?K[1]+(ge>0?1:-1):K[1]]),Re.forEach(K=>ie[K[0]]=K[1])}d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_COPY,settings:{copiedBlockIndex:ce,gap:Ee.gap,widths:ie},editFromStructure:Yo()});const Pe=ie.reduce((Re,Le)=>Re+Le,0);Y(ie.map(Re=>(Re/Pe*100).toFixed(1))),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,items:ie.map((Re,Le)=>({width:Re,current:Be[Le]||!1}))},changeKey:"width"})},Ie=(0,n.useCallback)(le=>{const Ee=".selected-element-panel__columns-settings__controls__column",ce=Array.from(document.querySelectorAll(Ee)).indexOf(le.target.closest(Ee)),ee=ce-1;if(ee<0)return;const ue=b.floatBlocks,se=ue.items.map(({width:Z,current:q})=>({width:Z,current:q||!1}));[se[ee],se[ce]]=[se[ce],se[ee]],d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_SWAP,settings:{indexA:ee,indexB:ce},editFromStructure:Yo()}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...ue,items:se},changeKey:"width"})},[b,O,i,d]),ne=le=>{_(le),d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_WRAP,settings:{wrap:!R}}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,wrap:!R},changeKey:"wrap"})},Fe=le=>{w(le),d({operation:r.EVENT_TYPES.SANDBOX_FLOATBLOCK_DIR,settings:{dirRevert:!E}}),O({...b,activateSection:i?void 0:"structure",floatBlocks:{...b.floatBlocks,dirRevert:!E},changeKey:"dir"})},je=()=>setTimeout(()=>p?.current&&p.current.focus({cursor:"end"}),300);return b.floatBlocks&&b.floatBlocks.items.length>0&&(0,o.jsx)(t.ui_kit$Form,{layout:"vertical",form:c,name:"float_blocks_settings_form",autoComplete:"off",initialValues:{gap:b.floatBlocks?.gap||0,gapDim:"px",gapMobile:b.floatBlocks?.gapMobile||0,valign:b.floatBlocks?.valign||"top",...b.floatBlocks?.items.reduce((le,{width:Ee},ce)=>(le[`width-${ce}`]=Ee,le),{})},onValuesChange:re,onFieldsChange:je,className:"element-controls",children:(0,o.jsxs)("div",{className:"selected-element-panel__columns-settings",style:{paddingTop:h.switchDesktopMobilePropsEnabled||h.stepToOtherElementEnabled||h.deleteButtonEnabled||b.type==="structure"?0:24},children:[b.floatBlocks.items.length===1&&(0,o.jsx)(t.ui_kit$Alert,{style:{marginBottom:10},title:s('The selected element is in the block that supports a multicolumn structure. To add a new column, click the "Add a column" button.'),type:"info"}),z!=="mobile"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"selected-element-panel__columns-settings__header",children:[(0,o.jsx)("span",{className:"selected-element-panel__columns-settings__header-title",children:s("Columns")}),(0,o.jsxs)("div",{className:"selected-element-panel__columns-settings__links",children:[(0,o.jsxs)("span",{className:"selected-element-panel__columns-settings__links__add",onClick:be,children:[(0,o.jsx)(r.EmIcons,{icon:"PlusCircleOutlined",component:t.icons$PlusCircleOutlined,size:16,strokeWidth:h.iconStrokeWidth})," ",s("Add column")]}),b.floatBlocks.items.length>1&&(0,o.jsx)("span",{onClick:te,children:(0,o.jsxs)(t.ui_kit$Tooltip,{title:s("Make columns the same width."),children:[(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined})," ",s("Equalize")]})})]})]}),b.floatBlocks.items.length>1&&(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:16},children:(0,o.jsx)("div",{className:"selected-element-panel__columns-settings__controls",children:b.floatBlocks.items.map((le,Ee)=>(0,o.jsxs)("div",{className:"selected-element-panel__columns-settings__controls__column "+(le.current?"current":""),style:{width:le.width/j*100+"%"},children:[Ee>0&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Swap columns"),children:(0,o.jsx)("button",{type:"button",className:"selected-element-panel__columns-settings__controls__column__swap",onClick:Ie,children:(0,o.jsx)(r.EmIcons,{icon:"SwapHorizontalIcon",component:t.icons$SwapHorizontalIcon,size:15,strokeWidth:h.iconStrokeWidth})})}),b.floatBlocks.items.length>1&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Delete column"),children:(0,o.jsx)("button",{type:"button",className:"selected-element-panel__columns-settings__controls__column__remove",onClick:ae,children:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:15,strokeWidth:h.iconStrokeWidth,style:{color:"#ff4d4f"}})})}),b.floatBlocks.items.length<8&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Copy column"),children:(0,o.jsx)("button",{type:"button",className:"selected-element-panel__columns-settings__controls__column__copy",onClick:xe,children:(0,o.jsx)(r.EmIcons,{icon:"CopyOutlined",component:t.icons$CopyOutlined,size:15,strokeWidth:h.iconStrokeWidth})})}),(0,o.jsx)("div",{className:"selected-element-panel__columns-settings__controls__field",children:(0,o.jsx)(t.ui_kit$Form.Item,{label:"",name:"width-"+Ee,children:(0,o.jsx)(t.ui_kit$InputNumber,{min:30,value:le.width||0,placeholder:s("Width"),ref:v==="width-"+Ee&&p})})})]},"floatblock-"+Ee))})}),(0,o.jsxs)("div",{className:"columns-presets",children:[(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:1})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol1",component:t.icons$LayoutCol1})}),(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:2})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol2",component:t.icons$LayoutCol2})}),(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:2,width:[66,34]})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol2WideLeft",component:t.icons$LayoutCol2WideLeft})}),(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:2,width:[34,66]})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol2WideRight",component:t.icons$LayoutCol2WideRight})}),(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:3})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol3",component:t.icons$LayoutCol3})}),(0,o.jsx)(t.ui_kit$Button,{onClick:()=>{pe({cols:4})},children:(0,o.jsx)(r.EmIcons,{icon:"LayoutCol4",component:t.icons$LayoutCol4})})]})]}),b.floatBlocks.items.length>1&&(0,o.jsxs)(o.Fragment,{children:[z==="mobile"&&(0,o.jsx)("div",{style:{marginBottom:24},children:(0,o.jsx)(t.ui_kit$Switch,{id:"column-wrap",label:s("Line break on mobile devices"),size:"small",disabled:b.floatBlocks?.wrap===void 0,checked:R,onChange:ne,labelStyle:{position:"relative",top:2}})}),z!=="mobile"&&(0,o.jsx)("div",{style:{marginBottom:24},children:(0,o.jsx)(t.ui_kit$Switch,{id:"column-dir-revers",label:s("Reverse order on desktop"),size:"small",disabled:b.floatBlocks?.wrap===void 0,checked:E,onChange:Fe,labelStyle:{position:"relative",top:2}})})]}),b.floatBlocks.items.length>1&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$FormSection,{title:s("Vertical alignment"),titleStyle:{paddingTop:20},children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"valign",style:{marginBottom:0},children:(0,o.jsx)(t.ui_kit$FormVerticalAlignControl,{disabled:b.floatBlocks.items.length<=1,strokeWidth:h.iconStrokeWidth,labels:{alignTop:s("Align top"),alignMiddle:s("Center vertically"),alignBottom:s("Align bottom")}})})})}),(0,o.jsxs)(o.Fragment,{children:[z!=="mobile"&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$FormSection,{title:s("Indent between columns"),titleStyle:{paddingTop:20},children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"gap",style:{marginBottom:20},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,disabled:b.floatBlocks.items.length<=1,placeholder:s("Indent between columns"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:"px",ref:v==="gap"&&p})})})}),z==="mobile"&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$FormSection,{title:s("Indent in mobile"),titleStyle:{paddingTop:20},children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"gapMobile",style:{marginBottom:20},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,disabled:b.floatBlocks.items.length<=1,placeholder:s("Indent in mobile"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnHeightOutlined",component:t.icons$ColumnHeightOutlined}),addonAfter:"px"})})})})]})]})]})]})})};Ll.propTypes={selectedElement:g.default.shape({parent:g.default.string})};var _d=()=>{},Ol=({email:e,formSettings:i={},onClosePanel:l=_d})=>{const{__:s}=r.useI18n(),a=r.useRootElement(),d=r.useDispatch(),c=r.useSendPostMessage(),p=Object.prototype.hasOwnProperty.call(e,"type")?r.BLOCK:r.EMAIL,f=r.useSelector(r.selectElementSettings$1),x=r.useSelector(r.selectElementSettings),k=r.useSelector(r.selectPropertiesPanelKey),h=p==="email"?f:x,b=Object.keys(i).length>0?i.settings:h,R=i?.type==="advanced"&&!!i?.content,_=!!i?.extraTabs?.length,E=r.useAppConfig(),w=b.type==="customTable",v=!!b.type&&!!b.floatBlocks?.items.length>0&&!!b.floatBlocks?.items.filter(S=>!!S.width).length>0,P=(0,n.useRef)(null);(0,n.useEffect)(()=>{const S=Object.values(r.ELEMENT_TYPES),Q=b.type&&S.includes(b.type)?`${b.type}-${JSON.stringify(b.path||[])}`:null;if(R||_){const J=a.querySelector(".email-pane .panel-form__body");J&&(J.scrollTop=0),d(r.setPropertiesPanelKey(r.EDIT_SELECTED_ELEMENT))}else if(b.type&&S.includes(b.type)){const J=P.current!==Q;if(P.current=Q,b.activateSection!=="structure"){if(J){const re=a.querySelector(".email-pane .panel-form__body");re&&(re.scrollTop=0)}d(r.setPropertiesPanelKey(r.EDIT_SELECTED_ELEMENT))}else d(r.setPropertiesPanelKey(r.STRUCTURE))}else JSON.stringify(b)!=="{}"&&(P.current=null,d(r.setPropertiesPanelKey("")))},[b,d,a,R,_]);const j=(0,n.useMemo)(()=>{const S=[{key:r.EDIT_SELECTED_ELEMENT,label:(0,o.jsx)("span",{style:{textTransform:"capitalize"},children:b.caption?b.caption:s("Edit element")})}];return v&&S.push({key:r.STRUCTURE,label:s("Columns")}),S},[b.caption,v,s]),I=(0,n.useMemo)(()=>[{key:r.EDIT_SELECTED_ELEMENT,label:s("Cell")},{key:r.TABLE_PROPERTIES,label:s("Table")}],[s]),C=S=>{S.stopPropagation(),c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_REMOVE}),d(p==="email"?r.setElementSettings$1({}):r.setElementSettings({}))},Y=S=>{S.stopPropagation(),c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_PARENT_GET})},z=()=>{l(b),d(r.resetToLastActiveSettingsTab()),setTimeout(()=>{d(p==="block"?r.setElementSettings({type:null}):r.setElementSettings$1({type:null}))},300),c({operation:r.EVENT_TYPES.SANDBOX_ELEMENT_ACTIVE_RESET})},O=(0,o.jsxs)(o.Fragment,{children:[E.deleteButtonEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Remove element by Delete Key"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Button,{type:"text",onClick:C,disabled:!b.deletable,icon:(0,o.jsx)(t.ui_kit$EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:18,strokeWidth:E.iconStrokeWidth})})}),E.stepToOtherElementEnabled&&(0,o.jsx)(t.ui_kit$Tooltip,{title:s("Up to parent element"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Button,{type:"text",onClick:Y,disabled:!b.parent,icon:(0,o.jsx)(t.ui_kit$EmIcons,{icon:"GoToParent",component:t.icons$GoToParent,size:18,strokeWidth:E.iconStrokeWidth})})})]}),N=E.switchDesktopMobilePropsEnabled||E.stepToOtherElementEnabled||E.deleteButtonEnabled;return(0,o.jsxs)(t.ui_kit$PanelForm,{children:[(0,o.jsx)(t.ui_kit$PanelForm.Header,{onClose:z,closeIcon:(0,o.jsx)(t.ui_kit$EmIcons,{icon:"Close",component:t.icons$Close,size:24,strokeWidth:E.iconStrokeWidth}),extra:N?O:void 0,children:(0,o.jsx)(t.ui_kit$Tabs,{items:w?I:j,activeKey:k,onChange:S=>d(r.setPropertiesPanelKey(S||""))})}),(0,o.jsx)(t.ui_kit$PanelForm.Body,{children:w?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:{display:k==="Edit selected element"?void 0:"none"},children:(0,o.jsx)(dt,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:i,emailElementType:p,formName:`${r.EDIT_SELECTED_TABLE_CELLS}`})}),(0,o.jsx)("div",{style:{display:k==="Table properties"?void 0:"none"},children:(0,o.jsx)(dt,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:i,emailElementType:p,formName:`${r.TABLE_PROPERTIES}`})})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:{display:k==="Edit selected element"?void 0:"none"},children:(0,o.jsx)(dt,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:i,emailElementType:p})}),v&&(0,o.jsx)("div",{style:{display:k==="Structure"?void 0:"none"},children:(0,o.jsx)(Ll,{selectedElement:b,emailElementType:p,isSelectedElement:!1})})]})})]})},xd=({taxonomy:e})=>{const{__:i,_x:l}=r.useI18n(),s=r.useDispatch(),[a]=t.ui_kit$Form.useForm(),d=(0,n.useRef)(null),c=r.useSelector(r.selectActiveModal$1)===r.MODALS.ADD_NEW_GROUP_MODAL,p=r.useNotification(),f=r.useProjectData(),x=(0,n.useCallback)(()=>{a.resetFields(),setTimeout(()=>d.current?.focus({cursor:"start"}),0)},[a]);(0,n.useEffect)(()=>{c&&x()},[c,x]);const k=()=>s(r.closeModal$1()),[h,b]=r.useAddTermMutation(),[R,_]=(0,n.useState)(!1),E=()=>{a.validateFields().then(({name:w})=>(_(!0),h({project:f,kind:"group",name:w}).then(v=>{if("error"in v){p.error(v);return}p.success({title:i("The group “")+v.data.name+l("” was successfully created.",e)}),k()}))).catch(w=>{}).finally(()=>_(!1))};return(0,o.jsx)(t.ui_kit$Modal,{title:i("Add a new group"),open:c,onOk:E,onCancel:k,className:"new-group-modal",footer:[(0,o.jsx)(t.ui_kit$Button,{type:"primary",size:"large",loading:b.isLoading||R,onClick:E,children:i("Create group")},"submit")],children:(0,o.jsx)(t.ui_kit$Form,{form:a,layout:"vertical",name:"add_new_group_form",onFinish:E,initialValues:{remember:!1,name:""},autoComplete:"off",style:{paddingTop:10},children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"name",rules:[{required:!0,message:i("Please enter the group name")}],children:(0,o.jsx)(t.ui_kit$Input,{disabled:b.isLoading,size:"large",placeholder:i("Enter the group name"),ref:d,style:{marginBottom:5}})})})})},kd=({group:e,refetch:i})=>{const{__:l,_x:s}=r.useI18n(),a=r.useDispatch(),[d]=t.ui_kit$Form.useForm(),c=(0,n.useRef)(null),p=r.useSelector(r.selectActiveModal$1)===r.MODALS.EDIT_GROUP_NAME_MODAL,f=r.useNotification(),{id:x=null,name:k=""}=e,h=()=>a(r.closeModal$1()),[b,R]=r.useEditTermMutation();(0,n.useEffect)(()=>{p&&d.setFieldsValue({name:k})},[p,k,d]);const _=()=>{d.validateFields().then(({name:E})=>{b({kind:"group",id:x,name:E}).then(({data:w,error:v})=>{v?(f.error({error:v}),d.setFieldValue("name",E)):(i().then(({data:P})=>{if(P){const j=P[0]?.children?.find(I=>I.id===x)?.name;d.setFieldValue("name",j)}}),h(),f.success({title:l("The group “")+E+s("” was successfully changed to “","group")+w.name+l("”.")}))})})};return(0,o.jsx)(t.ui_kit$Modal,{title:l("Change group name"),open:p,onOk:_,onCancel:h,className:"new-group-name-modal",footer:[(0,o.jsx)(t.ui_kit$Button,{type:"primary",size:"large",loading:R.isLoading,onClick:_,children:l("Change name")},"submit")],children:(0,o.jsx)(t.ui_kit$Form,{form:d,layout:"vertical",name:"rename_group_form",onFinish:_,initialValues:{remember:!1,name:k},autoComplete:"off",style:{paddingTop:10},children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"name",rules:[{required:!0,message:l("Please enter the group name")}],children:(0,o.jsx)(t.ui_kit$Input,{disabled:R.isLoading,size:"large",placeholder:l("Enter the group name"),ref:c,style:{marginBottom:5}})})})})},Ed=({className:e,refetchProjectGroups:i,isLoading:l})=>{const{__:s,_x:a}=r.useI18n(),d=r.useDispatch(),c=r.useNotification(),{modal:p}=t.ui_kit$App.useApp(),{confirm:f}=p,{token:x}=(0,t.ui_kit$useToken)(),k=r.useSelector(r.selectProjectGroups),[h]=r.useDeleteTermMutation(),b=(P,j)=>{h({kind:"group",id:Number(P)}).unwrap().then(I=>{I?.deleted&&c.success({title:s("The group “")+j+a("” was successfully deleted.","recovery")})}).catch(I=>{c.error({error:I})})},R=(P,j)=>{f({mask:{closable:!0},centered:!0,title:a("Are you sure to delete “","group")+j+s("” group and all nested groups?"),icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:22,style:{color:t.ui_kit$iconColors.danger,marginInlineEnd:12,flexShrink:0}}),okText:s("Yes"),cancelText:s("No"),onOk:()=>b(String(P),j)})},_=(P,j)=>{d(r.openModal$1(r.MODALS.EDIT_GROUP_NAME_MODAL)),v({id:P,name:j})},E=P=>[{label:s("Rename"),key:"Rename",icon:(0,o.jsx)(r.EmIcons,{icon:"CopyOutlined",component:t.icons$CopyOutlined,size:16}),onClick:()=>_(P.id,P.name)},{label:s("Remove"),icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:16}),key:"Remove",style:{color:"#ff4d4f"},onClick:()=>R(P.id,P.name)}],[w,v]=(0,n.useState)({id:null,name:""});return(0,o.jsxs)("div",{className:(0,De.default)("groups-management",{[e]:e}),children:[l?(0,o.jsx)(t.ui_kit$Skeleton,{active:!0}):(0,o.jsxs)(t.ui_kit$Row,{children:[!!k?.length&&k?.map((P,j)=>(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:`group_${P.id}`,style:{marginBottom:x.formItemMarginBottomMD},label:(0,o.jsxs)(t.ui_kit$Flex,{justify:"space-between",align:"center",style:{width:"100%"},children:[(0,o.jsx)("span",{children:P.name}),(0,o.jsx)(t.ui_kit$Button,{type:"text",className:"groups-management__group_menu","data-group-id":P.id,size:"large",children:(0,o.jsx)(t.ui_kit$Dropdown,{className:"groups-management__group_menu-inner",placement:"bottomLeft",menu:{items:E(P)},trigger:["hover"],children:(0,o.jsx)("span",{className:"groups-management__actions",children:(0,o.jsx)(r.EmIcons,{icon:"MoreOutlined",component:t.icons$MoreOutlined})})})})]}),className:"groups-management__group-select",rules:[{message:"Please input category name!",type:"array"}],children:(0,o.jsx)(t.ui_kit$Select,{mode:"tags",style:{width:"100%"},placeholder:s("Type category here"),options:P.children?.map(I=>({label:I.name,value:String(I.id)})),tagRender:I=>{const{label:C,closable:Y,onClose:z}=I,O=N=>{N.preventDefault(),N.stopPropagation()};return(0,o.jsx)(t.ui_kit$Tag,{variant:"solid",color:x.colorPrimary,onMouseDown:O,closable:Y,onClose:z,style:{borderRadius:6},children:C})},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})})},P.id)),(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:x.formItemMarginBottomMD},children:(0,o.jsx)(t.ui_kit$Button,{id:"add_group_button",icon:(0,o.jsx)(r.EmIcons,{icon:"AddSlide",component:t.icons$AddSlide}),style:{width:"100%"},onClick:()=>d(r.openModal$1(r.MODALS.ADD_NEW_GROUP_MODAL)),children:s("Add group")})})})]}),(0,o.jsx)(xd,{taxonomy:r.ELEMENT_TYPES.GROUP}),(0,o.jsx)(kd,{group:w,refetch:i})]})},{title:Ci,description:Xt,tags:Kt,type:Pi,is_template:Bd,group:Sd}={title:"title",description:"description",tags:"tags",type:"type",is_template:"is_template",group:"group"},Td={[Ci]:"",[Xt]:"",[Kt]:[],[Bd]:!1},Rd={[Xt]:"",[Kt]:[],[Pi]:""};function yd(e){const i=new Set;return e?.filter(l=>i.has(l.name)?!1:(i.add(l.name),!0))}var $l=({className:e="",element:i})=>{const{__:l}=r.useI18n(),s=r.useDispatch(),a=r.useEmailAttributesWriter(),[d]=t.ui_kit$Form.useForm(),{token:c}=(0,t.ui_kit$useToken)(),p=r.useAppConfig(),f=r.useSelector(r.selectProjectGroups),{data:x}=r.useGetBlocksSchemaQuery(),k=r.useProjectData(),h=i.hasOwnProperty("type")?r.BLOCK:r.EMAIL,b=i.hasOwnProperty("type")?r.BLOCK_TAGS:r.EMAIL_TAGS,{data:R,refetch:_,isLoading:E,isFetching:w,isUninitialized:v,isSuccess:P}=r.useGetTermsQuery({project:k,kind:"group"},{skip:!k?.id});(0,n.useEffect)(()=>{R&&s(r.projectGroupsLoaded(R,h==="email"?i.group??[]:void 0))},[s,R,h,i.group]),(0,n.useEffect)(()=>{!v&&_()},[v,_]);const[j,I]=(0,n.useState)([]),[C,Y]=(0,n.useState)([]),[z,O]=(0,n.useState)(i.is_template||!1),N=r.useProjectData();(0,n.useEffect)(()=>{!v&&_()},[i.group,_,v]),(0,n.useEffect)(()=>{if(P&&i.is_template&&i.group.length){const re=i.group;let te={};re.length&&f.length&&re?.forEach(be=>{f?.forEach(ae=>{let xe=ae.children.find(Ie=>Ie.id===be);xe&&(te.hasOwnProperty(ae.id)||(te[ae.id]=[]),te[ae.id].push({label:xe.name,value:xe.id}))})});let pe={};for(let be in te)te.hasOwnProperty(+be)&&(pe[`group_${be}`]=te[be].map(ae=>({...ae,value:String(ae.value)})));d.setFieldsValue(pe)}},[d,f,i.is_template,i.group,P]);const{data:S}=r.useGetTermsQuery({project:N,kind:b},{skip:!N?.id});(0,n.useEffect)(()=>{Y(yd(S)?.map(re=>({value:re.name,key:re.id})))},[S]),(0,n.useEffect)(()=>{if(i){const re=wo.getTaxonomy(i,b)?.map(be=>be.name),te=i.emailtags||i.blocktags,pe=wo.getTaxonomy(i,b)?.filter(be=>te.includes(be.id)).map(be=>be.name);d.setFieldsValue({title:i.title,description:i.description,tags:i.tags||pe||re,type:i.type})}},[d,i,b]);const Q=re=>{const te=Object.keys(re)[0],pe=re,be=te.split("_")[0];if(be===Ci)a({title:pe[te]});else if(be===Xt)a({description:pe[te]});else if(be===Kt){const ae=pe[te];a({tags:ae?.map(xe=>xe.trim())})}else be==="is"&&h==="email"&&a({is_template:pe[te]});switch(te.split("_")[0]){case Sd:s(r.setEmailGroups({[te.split("_")[1]]:re[te]}));break;case Pi:s(r.blocksApi.util.updateQueryData("getBlock",i.id,ae=>{Object.assign(ae,{type:re[te]})}));break;default:return}};(0,n.useEffect)(()=>{if(x){const re=x.schema.properties.acf.properties.type.items.enum;let te=[];const pe={Applications:l("Apps"),Articles:l("Article"),Banners:l("Banners"),Buttons:l("Buttons"),"Call to Action":l("Call to Action"),Contacts:l("Contacts"),Content:l("Content"),"E-Commerce":l("E-Commerce"),Feature:l("Features"),Footer:l("Footers"),Header:l("Headers"),Lists:l("Lists"),Menu:l("Menus"),Other:l("Others"),Polls:l("Polls"),Promocodes:l("Promocodes"),Separators:l("Separators")};for(let be in re)te.push({label:pe[re[be]],value:re[be]});I(te)}},[x,l]);const J=re=>{O(re)};return(0,o.jsx)("div",{className:(0,De.default)("settings-panel",{[e]:e}),children:(0,o.jsxs)(t.ui_kit$Form,{form:d,layout:"vertical",name:"settings_panel_form",initialValues:h==="email"?{EmailInitialValues:Td}:Rd,onValuesChange:Q,autoComplete:"off",children:[p.subjectEnabled&&h==="email"&&(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Title"),name:Ci,tooltip:{title:l("The title of the email is displayed in the list of the templates and usually matches the subject line, but you can change it."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$TextArea,{placeholder:l("Type title here"),autoSize:{minRows:1}})}),p.descriptionEnabled&&(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Description"),name:Xt,tooltip:{title:l("Description is used in other sections of the service."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$TextArea,{placeholder:l("Type your description here"),autoSize:{minRows:2}})}),p.tagsEnabled&&(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Tags"),name:Kt,tooltip:{title:l("Tags help you find the block in the list."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},rules:[{message:l("Please input tags!"),type:"array"}],children:(0,o.jsx)(t.ui_kit$Select,{mode:"tags",style:{width:"100%"},placeholder:l("Type your tags here"),options:C,tagRender:re=>{const{label:te,closable:pe,onClose:be}=re,ae=xe=>{xe.preventDefault(),xe.stopPropagation()};return(0,o.jsx)(t.ui_kit$Tag,{variant:"solid",color:c.colorPrimary,onMouseDown:ae,closable:pe,onClose:be,style:{borderRadius:6},children:te})},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})}),h==="email"&&p.isTemplateEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider",style:{marginBottom:16}}),(0,o.jsx)(t.ui_kit$Tooltip,{title:i.isNew?l("Save email first."):l("Use this email as a template for creating future emails."),children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"is_template",valuePropName:"checked",initialValue:z,children:(0,o.jsx)(t.ui_kit$Switch,{id:"setIsTemplate",label:l("Is a template"),size:"small",onChange:J,disabled:i.isNew,labelStyle:{position:"relative",top:2,fontSize:14,color:c.colorText}})})},"isTemplate")]}),z&&(0,o.jsx)(Ed,{element:i,refetchProjectGroups:_,isLoading:E||w}),h==="block"&&(0,o.jsx)(t.ui_kit$Form.Item,{name:Pi,label:l("Type"),tooltip:{title:l("Select the block type to find any block on the list faster."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},rules:[{message:l("Please input type!")}],children:(0,o.jsx)(t.ui_kit$Select,{placeholder:l("Choose block type"),options:j,getPopupContainer:()=>document.querySelector(".email-settings__collapse")})})]})})};$l.propTypes={className:g.default.string,email:g.default.object};var{utm_source:Fl,utm_medium:Ml,utm_campaign:Dl,utm_term:Vl,utm_content:Hl}={utm_source:"utm_source",utm_medium:"utm_medium",utm_campaign:"utm_campaign",utm_term:"utm_term",utm_content:"utm_content"},wd={[Fl]:"",[Ml]:"",[Dl]:"",[Vl]:"",[Hl]:""},Ul=({className:e="",email:i=void 0})=>{const{__:l}=r.useI18n(),s=r.useEmailAttributesWriter(),[a]=t.ui_kit$Form.useForm();(0,n.useEffect)(()=>{i&&a.setFieldsValue({utm_source:i.utm_parameters?.utm_source||"",utm_medium:i.utm_parameters?.utm_medium||"",utm_campaign:i.utm_parameters?.utm_campaign||"",utm_term:i.utm_parameters?.utm_term||"",utm_content:i.utm_parameters?.utm_content||""})},[a,i]);const d=c=>{const p=Object.keys(c)[0],f=c;s({utm_parameters:{...i?.utm_parameters,[p]:f[p]}})};return(0,o.jsx)("div",{className:(0,De.default)("settings-panel",{[e]:e}),children:(0,o.jsxs)(t.ui_kit$Form,{form:a,layout:"vertical",name:"settings_panel_form_utm",initialValues:wd,onValuesChange:d,autoComplete:"off",children:[(0,o.jsx)(t.ui_kit$Alert,{title:l("The specified parameters will be added to all links when exporting the email."),type:"info",showIcon:!0,style:{marginBottom:20}}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("utm_source"),name:Fl,tooltip:{title:l("Mandatory. Indicates the traffic source. Example: utm_source=google"),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:l("google")})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("utm_medium"),name:Ml,tooltip:{title:l("Identifies what type of link was used, such as cost per click or email. For example: utm_medium=cpc"),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:l("cpc")})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("utm_campaign"),name:Dl,tooltip:{title:l("Indicates a specific product promotion or a marketing campaign. Example: utm_campaign=spring_sale"),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:l("spring_sale")})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("utm_term"),name:Vl,tooltip:{title:l("Identifies search terms. For example: utm_term=running+shoes"),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:l("running+shoes")})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("utm_content"),name:Hl,tooltip:{title:l("Indicates what user clicked to get to the site: a banner or a text link. It is often used for A/B testing and ad campaigns. Example: utm_content=logolink or utm_content=textlink"),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:l("textlink")})})]})})};Ul.propTypes={className:g.default.string,email:g.default.object};var Ue={PRODUCT_CAROUSEL:"productCarousel",SINGLE_IMAGE_PREVIEW:"singleImagePreview",DEAL_ANNOTATION:"dealAnnotation",DEAL_CARD:"dealCard"},Wl="emailmaker-gmail-annotations";function Ai(e){return/^[A-Za-z]{3}$/.test((e??"").trim())}function jd(e){return typeof e=="object"&&e!==null}function qt(e,i){const l=e[i];return typeof l=="string"?l:""}var vd=new Set(["PromotionCard","DiscountOffer","Organization"]);function zl(e){let i;try{i=JSON.parse(e)}catch{return!1}const l=Array.isArray(i)?i:[i];return l.length===0?!1:l.every(s=>typeof s=="object"&&s!==null&&vd.has(String(s["@type"])))}function Id(){let e=new Date().getTime(),i=typeof performance<"u"&&performance.now&&performance.now()*1e3||0;return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,l=>{let s=Math.random()*16;return e>0?(s=(e+s)%16|0,e=Math.floor(e/16)):(s=(i+s)%16|0,i=Math.floor(i/16)),(l==="x"?s:s&3|8).toString(16)})}function Jt(e){return e.annotationType||Ue.PRODUCT_CAROUSEL}function ct(e){return!!(e?.image||e?.url||e?.headline||e?.price||e?.priceCurrency||e?.discountValue)}function Ni(e){return!e.description&&!e.discountCode&&!e.availabilityStarts&&!e.availabilityEnds}function Qt(e){return typeof e=="string"&&e.trim().length>0}function Li(e){return Qt(e)?/^https?:\/\//i.test(e.trim()):!1}function Gl(e){return Qt(e?.image)&&Li(e?.url)}function Cd(e){switch(Jt(e)){case Ue.SINGLE_IMAGE_PREVIEW:return Gl(e.cards?.[0]);case Ue.DEAL_ANNOTATION:return!Ni(e);case Ue.DEAL_CARD:return Qt(e.description)&&(Li(e.offerPageUrl)||Li(e.merchantHomepageUrl));case Ue.PRODUCT_CAROUSEL:default:return!!e.cards?.some(Gl)}}function Pd(e){switch(Jt(e)){case Ue.SINGLE_IMAGE_PREVIEW:return!ct(e.cards?.[0])&&!Qt(e.discountCode);case Ue.DEAL_ANNOTATION:return Ni(e);case Ue.DEAL_CARD:return Ni(e)&&!e.offerPageUrl&&!e.merchantHomepageUrl;case Ue.PRODUCT_CAROUSEL:default:return!e.cards?.some(ct)}}function Ad(e){switch(Jt(e)){case Ue.DEAL_ANNOTATION:case Ue.DEAL_CARD:return!!(e.description||e.discountCode||e.availabilityStarts||e.availabilityEnds||e.offerPageUrl||e.merchantHomepageUrl);case Ue.SINGLE_IMAGE_PREVIEW:return ct(e.cards?.[0]);case Ue.PRODUCT_CAROUSEL:default:return e.logo?!0:!!e.cards?.some(ct)}}function Nd(e){let i=typeof e.price=="string"||typeof e.price=="number"?String(e.price):"",l=typeof e.discountValue=="string"||typeof e.discountValue=="number"?String(e.discountValue):"";const s=typeof e.em_regularPrice=="string"||typeof e.em_regularPrice=="number"?String(e.em_regularPrice):"",a=typeof e.em_price=="string"||typeof e.em_price=="number"?String(e.em_price):"";if(!i&&s&&(i=s),!l&&i&&a){const d=parseFloat(i),c=parseFloat(a);!isNaN(d)&&!isNaN(c)&&d>=c&&(l=String(d-c))}return{id:Id(),image:typeof e.image=="string"?e.image:"",url:typeof e.url=="string"?e.url:"",headline:typeof e.headline=="string"?e.headline:"",price:i,priceCurrency:typeof e.priceCurrency=="string"?e.priceCurrency:"",discountValue:l}}function Yl(e,i){const l={"@context":"http://schema.org/","@type":"PromotionCard",image:e.image};if(e.url&&(l.url=e.url),e.headline&&(l.headline=e.headline),e.price&&(l.price=e.price),e.priceCurrency){const s=e.priceCurrency.trim();l.priceCurrency=Ai(s)?s.toUpperCase():s}return e.discountValue&&(l.discountValue=e.discountValue),i&&(l.position=i),l}function Oi(e){const i={"@context":"http://schema.org/","@type":"DiscountOffer"};for(const l of["description","discountCode","availabilityStarts","availabilityEnds","offerPageUrl","merchantHomepageUrl"]){const s=e[l];s&&(i[l]=s)}return i}function Xl(e){return{"@context":"http://schema.org/","@type":"Organization",logo:e}}function Ld(e){const i=Jt(e),l=[];if(i===Ue.DEAL_CARD)return[Oi(e)];if(i===Ue.DEAL_ANNOTATION){const s=[];return e.logo&&s.push(Xl(e.logo)),s.push(Oi(e)),s}if(e.logo&&l.push(Xl(e.logo)),i===Ue.SINGLE_IMAGE_PREVIEW){const s=e.cards?.[0];return e.discountCode?.trim()&&l.push(Oi(e)),s&&ct(s)&&l.push(Yl(s)),l}return(e.cards||[]).filter(ct).forEach((s,a)=>{l.push(Yl(s,a+1))}),l}function Od(e){return e.replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")}function $d(e){if(Pd(e))return null;const i=Od(JSON.stringify(Ld(e),null,2));return`<script type="application/ld+json" id="${Wl}">
+${i}
+<\/script>`}function Kl(e,i){const l=e.toLowerCase().indexOf("<\/script>",i);return l===-1?-1:l+9}function ql(e,i,l,s){return{range:{start:i,end:s},contentRange:{start:l,end:s-9}}}function $i(e){const i=new RegExp(`<script\\b[^>]*\\bid=["']${Wl}["']`,"i").exec(e);if(i?.index!==void 0){const a=e.indexOf(">",i.index)+1;if(a<=0)return null;const d=Kl(e,a);if(d!==-1)return ql(e,i.index,a,d)}const l=/<script\b[^>]*type=["']application\/ld\+json["'][^>]*>/gi;let s;for(;(s=l.exec(e))!==null;){const a=s.index+s[0].length,d=Kl(e,a);if(d!==-1&&zl(e.slice(a,d-9)))return ql(e,s.index,a,d)}return null}function Fd(e){const i=e.indexOf(">")+1,l=e.toLowerCase().lastIndexOf("<\/script>");return i<=0||l===-1?e:e.slice(i,l)}function Md(e){const i=/<\/head>/i.exec(e);if(i?.index!==void 0)return i.index;const l=/<head\b[^>]*>/i.exec(e);if(l?.index!==void 0)return l.index+l[0].length;const s=/<body\b[^>]*>/i.exec(e);return s?.index!==void 0?s.index:e.length}function Jl(e,i){let{start:l,end:s}=i;return l>0&&e[l-1]===`
+`?l-=1:s<e.length&&e[s]===`
+`&&(s+=1),{start:l,end:s}}function Dd(e,i){const l=$i(e),s=$d(i);if(!s&&!l)return null;if(l&&!s){const c=Jl(e,l.range);return e.slice(c.start,c.end)?{range:c,text:""}:null}if(l&&s){const c=Fd(s);return e.slice(l.contentRange.start,l.contentRange.end)===c?null:{range:l.contentRange,text:c}}if(!s)return null;const a=Md(e),d=`${a>0&&e[a-1]!==`
+`?`
+`:""}${s}
+`;return{range:{start:a,end:a},text:d}}function Ql(e){const i=$i(e);return i?e.slice(i.contentRange.start,i.contentRange.end):null}function Vd(e){let i=e;for(let l=0;l<50;l++){const s=$i(i);if(!s)return i;const{start:a,end:d}=Jl(i,s.range);i=i.slice(0,a)+i.slice(d)}return i}function Hd(e){try{const i=new DOMParser().parseFromString(e,"text/html").querySelectorAll('script[type="application/ld+json"]');for(let l=0;l<i.length;l++){const s=i[l];if(s.id==="emailmaker-gmail-annotations"||zl(s.textContent||"")){const a=JSON.parse(s.textContent||"[]"),d=(Array.isArray(a)?a:[a]).filter(jd),c={cards:[]};let p=!1,f=!1,x=!1;return d.forEach(k=>{const h=qt(k,"@type");if(h==="Organization"){const b=qt(k,"logo");b&&(c.logo=b);return}if(h==="DiscountOffer"){f=!0;for(const b of["description","discountCode","availabilityStarts","availabilityEnds"]){const R=qt(k,b);R&&(c[b]=R)}for(const b of["offerPageUrl","merchantHomepageUrl"]){const R=qt(k,b);R&&(c[b]=R,p=!0)}return}h==="PromotionCard"&&(k.position!==void 0&&(x=!0),c.cards.push(Nd(k)))}),c.cards.length>1?c.annotationType=Ue.PRODUCT_CAROUSEL:c.cards.length===1?c.annotationType=x?Ue.PRODUCT_CAROUSEL:Ue.SINGLE_IMAGE_PREVIEW:f&&(c.annotationType=p?Ue.DEAL_CARD:Ue.DEAL_ANNOTATION),c}}}catch{}return null}var Ud={USD:"$",EUR:"€",GBP:"£",RUB:"₽",JPY:"¥",CNY:"¥",INR:"₹",KRW:"₩",AUD:"A$",CAD:"C$",CHF:"CHF",BRL:"R$",MXN:"MX$",UAH:"₴",KZT:"₸",PLN:"zł",TRY:"₺",CZK:"Kč",ILS:"₪",SGD:"S$",HKD:"HK$",NZD:"NZ$",ZAR:"R"};function Wd(e){return Number.isInteger(e)?String(e):e.toFixed(2)}function Zl(e){const i=e?.trim();return i?Ud[i.toUpperCase()]??i:"$"}function Fi(e,i){return`${Zl(i)}${Wd(e)}`}function zd(e){const i=parseFloat(e.price??""),l=parseFloat(e.discountValue??"");return!Number.isNaN(i)&&!Number.isNaN(l)&&l>0?{sale:Fi(i-l,e.priceCurrency),original:Fi(i,e.priceCurrency)}:Number.isNaN(i)?{}:{sale:Fi(i,e.priceCurrency)}}var io=({variant:e="line",width:i,height:l,className:s})=>{const a=(0,n.useMemo)(()=>({width:i,height:l}),[i,l]);return(0,o.jsx)("span",{className:(0,De.default)("preview-skeleton",`preview-skeleton--${e}`,s),style:a,"aria-hidden":"true"})};function Mi({className:e}){return(0,o.jsx)("svg",{className:e,width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,o.jsx)("path",{d:"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"})})}function es({className:e}){return(0,o.jsxs)("svg",{className:e,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("path",{d:"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,o.jsx)("circle",{cx:"7",cy:"7",r:"1.5",fill:"currentColor"})]})}function Gd({className:e}){return(0,o.jsxs)("svg",{className:e,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,o.jsx)("circle",{cx:"12",cy:"12",r:"9",stroke:"currentColor",strokeWidth:"1.5"}),(0,o.jsx)("path",{d:"M12 12V7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M12 12L15.5 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),(0,o.jsx)("path",{d:"M12 3a9 9 0 0 1 7.5 4",fill:"currentColor",fillOpacity:"0.18"})]})}var Yd=2;function Xd({card:e}){const i=zd(e),l=(0,n.useMemo)(()=>({backgroundImage:`url(${e.image})`}),[e.image]),s=!!e.headline?.trim(),a=!!e.image?.trim(),d=!i.sale&&!i.original;return(0,o.jsxs)("div",{className:"product-carousel-preview__card",children:[a?(0,o.jsx)("div",{className:"product-carousel-preview__card-image",style:l}):(0,o.jsx)(io,{variant:"block",className:"product-carousel-preview__card-image-skeleton"}),(0,o.jsxs)("div",{className:"product-carousel-preview__card-body",children:[s?(0,o.jsx)("div",{className:"product-carousel-preview__card-headline",children:e.headline}):(0,o.jsxs)("div",{className:"product-carousel-preview__card-headline-skeleton",children:[(0,o.jsx)(io,{height:12}),(0,o.jsx)(io,{height:12,width:"75%"})]}),d?(0,o.jsxs)("div",{className:"product-carousel-preview__card-prices",children:[(0,o.jsx)(io,{width:48,height:14}),(0,o.jsx)(io,{width:40,height:12})]}):(i.sale||i.original)&&(0,o.jsxs)("div",{className:"product-carousel-preview__card-prices",children:[i.sale&&(0,o.jsx)("span",{className:"product-carousel-preview__card-sale-price",children:i.sale}),i.original&&(0,o.jsx)("span",{className:"product-carousel-preview__card-original-price",children:i.original})]})]})]})}function Kd(){return(0,o.jsxs)("div",{className:"product-carousel-preview__card",children:[(0,o.jsx)(io,{variant:"block",className:"product-carousel-preview__card-image-skeleton"}),(0,o.jsxs)("div",{className:"product-carousel-preview__card-body",children:[(0,o.jsxs)("div",{className:"product-carousel-preview__card-headline-skeleton",children:[(0,o.jsx)(io,{height:12}),(0,o.jsx)(io,{height:12,width:"75%"})]}),(0,o.jsxs)("div",{className:"product-carousel-preview__card-prices",children:[(0,o.jsx)(io,{width:48,height:14}),(0,o.jsx)(io,{width:40,height:12})]})]})]})}var qd=({data:e,subjectLine:i,cards:l})=>{const{__:s}=r.useI18n(),a=!!e.logo?.trim(),d=!!i?.trim();return(0,o.jsxs)("div",{className:"product-carousel-preview",children:[(0,o.jsx)("div",{className:"product-carousel-preview__header",children:(0,o.jsxs)("div",{className:"product-carousel-preview__header-main",children:[a?(0,o.jsx)("img",{src:e.logo,alt:"",className:"product-carousel-preview__logo"}):(0,o.jsx)(io,{variant:"circle",width:40,height:40,className:"product-carousel-preview__logo-skeleton"}),(0,o.jsxs)("div",{className:"product-carousel-preview__header-text",children:[(0,o.jsxs)("div",{className:"product-carousel-preview__header-row",children:[(0,o.jsx)("div",{className:"product-carousel-preview__brand-name",children:s("Your company")}),(0,o.jsx)("div",{className:"product-carousel-preview__time",children:"10:10 AM"})]}),(0,o.jsxs)("div",{className:"product-carousel-preview__header-row product-carousel-preview__header-row--subject",children:[d?(0,o.jsx)("div",{className:"product-carousel-preview__subject-line",children:i}):(0,o.jsx)(io,{height:14,className:"product-carousel-preview__subject-skeleton"}),(0,o.jsx)(Mi,{className:"product-carousel-preview__star-icon"})]})]})]})}),(0,o.jsx)("div",{className:"product-carousel-preview__carousel",children:l.length>0?l.map((c,p)=>(0,o.jsx)(Xd,{card:c},c.id||p)):Array.from({length:Yd},(c,p)=>(0,o.jsx)(Kd,{},`skeleton-${p}`))})]})};function Jd(e){const i=parseFloat(e?.price??""),l=parseFloat(e?.discountValue??"");if(!Number.isNaN(i)&&i>0&&!Number.isNaN(l)&&l>0){const a=Math.round(l/i*100);if(a>0)return`${a}% Off`}const s=e?.discountValue?.trim();return s?/off/i.test(s)||s.includes("%")?s:`${s} Off`:null}function os(e){const i=e?.trim();return i?/^code\s/i.test(i)?i:`Code ${i}`:null}var Qd=({data:e,subjectLine:i,card:l})=>{const{__:s}=r.useI18n(),a=!!e.logo?.trim(),d=!!i?.trim(),c=!!l?.image?.trim(),p=!!l?.headline?.trim(),f=Jd(l),x=os(e.discountCode),k=!!(f||x),h=(0,n.useMemo)(()=>({backgroundImage:`url(${l?.image})`}),[l?.image]);return(0,o.jsxs)("div",{className:"single-image-preview",children:[(0,o.jsx)("div",{className:"single-image-preview__header",children:(0,o.jsxs)("div",{className:"single-image-preview__header-main",children:[a?(0,o.jsx)("img",{src:e.logo,alt:"",className:"single-image-preview__logo"}):(0,o.jsx)(io,{variant:"circle",width:40,height:40,className:"single-image-preview__logo-skeleton"}),(0,o.jsxs)("div",{className:"single-image-preview__header-text",children:[(0,o.jsxs)("div",{className:"single-image-preview__header-row",children:[(0,o.jsx)("div",{className:"single-image-preview__brand-name",children:s("Your company")}),(0,o.jsx)("div",{className:"single-image-preview__time",children:"10:10 AM"})]}),d?(0,o.jsx)("div",{className:"single-image-preview__subject-line",children:i}):(0,o.jsx)(io,{height:14,className:"single-image-preview__subject-skeleton"}),(0,o.jsxs)("div",{className:"single-image-preview__promo-row",children:[(0,o.jsxs)("div",{className:"single-image-preview__promo-content",children:[f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(es,{className:"single-image-preview__promo-icon"}),(0,o.jsx)("span",{className:"single-image-preview__promo-badge",children:f})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(io,{width:16,height:16,className:"single-image-preview__promo-icon-skeleton"}),(0,o.jsx)(io,{width:72,height:14})]}),k&&(0,o.jsx)("span",{className:"single-image-preview__promo-separator",children:"·"}),x?(0,o.jsx)("span",{className:"single-image-preview__promo-code",children:x}):(0,o.jsx)(io,{width:96,height:14,className:"single-image-preview__promo-skeleton"})]}),(0,o.jsx)(Mi,{className:"single-image-preview__star-icon"})]})]})]})}),(0,o.jsxs)("div",{className:"single-image-preview__card",children:[c?(0,o.jsx)("div",{className:"single-image-preview__card-image",style:h}):(0,o.jsx)(io,{variant:"block",className:"single-image-preview__card-image-skeleton"}),(0,o.jsx)("div",{className:"single-image-preview__card-body",children:p?(0,o.jsx)("div",{className:"single-image-preview__card-description",children:l?.headline}):(0,o.jsxs)("div",{className:"single-image-preview__card-description-skeleton",children:[(0,o.jsx)(io,{height:12}),(0,o.jsx)(io,{height:12,width:"92%"})]})})]})]})};function Zd(e){const i=e?.trim();if(!i)return null;const l=(0,Oo.default)(i);if(!l.isValid())return null;const s=(0,Oo.default)().startOf("day"),a=l.startOf("day").diff(s,"day");return a===0?"Today":a===1?"Tomorrow":a>1&&a<=7?l.format("MMM D"):l.format("MMM D, YYYY")}function Di(e){const i=e?.trim();return i||null}function ec(e,i){return e?e==="Today"?i("Today"):e==="Tomorrow"?i("Tomorrow"):e:null}function oc(e,i){return ec(Zd(e),i)}var tc=({data:e,subjectLine:i})=>{const{__:l}=r.useI18n(),s=!!e.logo?.trim(),a=!!i?.trim(),d=Di(e.description),c=os(e.discountCode),p=!!(d||c);return(0,o.jsx)("div",{className:"deal-annotation-preview",children:(0,o.jsxs)("div",{className:"deal-annotation-preview__header-main",children:[s?(0,o.jsx)("img",{src:e.logo,alt:"",className:"deal-annotation-preview__logo"}):(0,o.jsx)(io,{variant:"circle",width:40,height:40,className:"deal-annotation-preview__logo-skeleton"}),(0,o.jsxs)("div",{className:"deal-annotation-preview__header-text",children:[(0,o.jsxs)("div",{className:"deal-annotation-preview__header-row",children:[(0,o.jsx)("div",{className:"deal-annotation-preview__brand-name",children:l("Your company")}),(0,o.jsx)("div",{className:"deal-annotation-preview__time",children:"10:10 AM"})]}),a?(0,o.jsx)("div",{className:"deal-annotation-preview__subject-line",children:i}):(0,o.jsx)(io,{height:14,className:"deal-annotation-preview__subject-skeleton"}),(0,o.jsxs)("div",{className:"deal-annotation-preview__promo-row",children:[(0,o.jsxs)("div",{className:"deal-annotation-preview__promo-content",children:[d?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(es,{className:"deal-annotation-preview__promo-icon"}),(0,o.jsx)("span",{className:"deal-annotation-preview__promo-badge",children:d})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(io,{width:16,height:16,className:"deal-annotation-preview__promo-icon-skeleton"}),(0,o.jsx)(io,{width:72,height:14})]}),p&&(0,o.jsx)("span",{className:"deal-annotation-preview__promo-separator",children:"·"}),c?(0,o.jsx)("span",{className:"deal-annotation-preview__promo-code",children:c}):(0,o.jsx)(io,{width:96,height:14,className:"deal-annotation-preview__promo-skeleton"})]}),(0,o.jsx)(Mi,{className:"deal-annotation-preview__star-icon"})]})]})]})})},ic=({data:e})=>{const{__:i}=r.useI18n(),l=Di(e.description),s=oc(e.availabilityEnds,i),a=Di(e.discountCode);return(0,o.jsxs)("div",{className:"deal-card-preview",children:[(0,o.jsx)("div",{className:"deal-card-preview__sender",children:i("Your company")}),l?(0,o.jsx)("div",{className:"deal-card-preview__headline",children:l}):(0,o.jsx)(io,{height:24,className:"deal-card-preview__headline-skeleton"}),(0,o.jsxs)("div",{className:"deal-card-preview__details",children:[(0,o.jsxs)("div",{className:"deal-card-preview__expires",children:[(0,o.jsx)(Gd,{className:"deal-card-preview__clock-icon"}),(0,o.jsxs)("div",{className:"deal-card-preview__detail-text",children:[(0,o.jsx)("div",{className:"deal-card-preview__detail-label",children:i("Expires")}),s?(0,o.jsx)("div",{className:"deal-card-preview__detail-value",children:s}):(0,o.jsx)(io,{width:72,height:14,className:"deal-card-preview__detail-skeleton"})]})]}),(0,o.jsx)("div",{className:"deal-card-preview__code",children:(0,o.jsxs)("div",{className:"deal-card-preview__detail-text",children:[(0,o.jsx)("div",{className:"deal-card-preview__detail-label",children:i("Code")}),a?(0,o.jsx)("div",{className:"deal-card-preview__detail-value",children:a}):(0,o.jsx)(io,{width:56,height:14,className:"deal-card-preview__detail-skeleton"})]})})]}),(0,o.jsxs)("div",{className:"deal-card-preview__actions",children:[(0,o.jsx)("span",{className:"deal-card-preview__button",children:i("Visit site")}),(0,o.jsx)("span",{className:"deal-card-preview__button",children:i("Copy code")})]})]})};function rc(e){return e.annotationType===Ue.SINGLE_IMAGE_PREVIEW?e.cards?.[0]?[e.cards[0]]:[]:e.annotationType===Ue.PRODUCT_CAROUSEL?e.cards||[]:[]}function lc(e,i){switch(e){case Ue.SINGLE_IMAGE_PREVIEW:return i("Single image preview");case Ue.DEAL_ANNOTATION:return i("Deal Annotation");case Ue.DEAL_CARD:return i("Deal Card");default:return i("Product carousel")}}var Vi=300,Xo=16;function sc(e){if(!e||e.offsetParent===null)return!1;const i=e.getBoundingClientRect();return i.width>0&&i.height>0}function ac(e){const i=Array.from(document.querySelectorAll(e));for(const l of i){if(!(l instanceof HTMLElement))continue;const s=l.getBoundingClientRect(),a=window.getComputedStyle(l);if(s.width>0&&s.height>0&&a.display!=="none"&&a.visibility!=="hidden")return l}return null}var nc=({data:e,subjectLine:i,parentRef:l,overlayTargetSelector:s,onApply:a,applyDisabled:d=!1,applyBlockers:c=[],onRemove:p,visible:f=!0})=>{const{__:x}=r.useI18n(),[k,h]=(0,n.useState)(null),[b,R]=(0,n.useState)(null);(0,n.useEffect)(()=>{if(!f){h(null),R(null);return}const j=()=>{if(!sc(l?.current)){h(null),R(null);return}if(s){const re=l?.current?.closest(".email-pane__col_settings-inner")||ac(".email-pane__col_settings-inner");if(re){R(re),h({type:"popover"});return}}if(!l?.current)return;let S=l.current.getBoundingClientRect();if(S.width===0&&S.height===0){const re=l.current.closest(".email-pane__col");re&&(S=re.getBoundingClientRect())}const Q=Math.max(Xo,Math.min(S.top,window.innerHeight-Xo));let J=S.left-Vi-Xo;J<Xo&&(J=S.right+Xo),J+Vi>window.innerWidth-Xo&&(J=window.innerWidth-Vi-Xo),R(document.body),h({type:"side",top:Q,left:Math.max(Xo,J)})};j();const I=window.requestAnimationFrame(j),C=[window],Y=l?.current?.closest(".email-pane__collapse-wrapper"),z=l?.current?.closest(".email-pane__col");Y&&C.push(Y),z&&C.push(z),C.forEach(S=>{S.addEventListener("scroll",j,{passive:!0})}),window.addEventListener("resize",j);const O=l?.current,N=O&&typeof ResizeObserver<"u"?new ResizeObserver(j):null;return N?.observe(O),()=>{window.cancelAnimationFrame(I),N?.disconnect(),C.forEach(S=>{S.removeEventListener("scroll",j)}),window.removeEventListener("resize",j)}},[l,e,s,f]);const _=(0,n.useMemo)(()=>k?.type==="side"?{position:"fixed",top:k.top,left:k.left}:void 0,[k]);if(!f||!e||!Ad(e)&&!a||!k)return null;const E=rc(e),w=e.annotationType||Ue.PRODUCT_CAROUSEL,v=(()=>{switch(w){case Ue.PRODUCT_CAROUSEL:return(0,o.jsx)(qd,{data:e,subjectLine:i,cards:E});case Ue.SINGLE_IMAGE_PREVIEW:return(0,o.jsx)(Qd,{data:e,subjectLine:i,card:E[0]});case Ue.DEAL_ANNOTATION:return(0,o.jsx)(tc,{data:e,subjectLine:i});case Ue.DEAL_CARD:return(0,o.jsx)(ic,{data:e});default:return null}})(),P=(0,o.jsxs)("div",{className:`annotations-preview${k.type==="popover"?" annotations-preview--popover":""}`,style:_,children:[(0,o.jsxs)("div",{className:"annotations-preview__content",children:[(0,o.jsxs)("div",{className:"annotations-preview__type",children:[x("Preview"),": ",lc(w,x)]}),v]}),(a||p)&&(0,o.jsxs)("div",{className:"annotations-preview__footer",children:[p&&(0,o.jsx)(t.ui_kit$Button,{type:"text",size:"small",danger:!0,onClick:p,children:x("Remove annotations")}),a&&(0,o.jsx)(t.ui_kit$Tooltip,{title:d&&c.length?c.join(". "):"",children:(0,o.jsx)("span",{className:"annotations-preview__apply-wrap",children:(0,o.jsx)(t.ui_kit$Button,{type:"primary",size:"small",onClick:a,disabled:d,children:x("Apply")})})})]})]});return(0,$a.createPortal)(P,b||document.body)};function ts(e){return e.replaceAll(`\r
+`,`
+`)}function dc(e){if(!e)return"";const i=document.createElement("textarea");return i.innerHTML=e,i.value.replace(/\u00A0/g," ").trim()}var cc=["USD","EUR","GBP","JPY","CNY","CAD","AUD","CHF","INR","BRL","MXN","KRW","RUB","UAH","KZT","PLN","TRY","SEK","NOK","DKK","CZK","ILS","AED","SGD","HKD","NZD","ZAR"];function ut(e){let i=(e??"").replace(/[\s\u00A0%]/g,"");return i=i.includes(".")?i.replace(/,/g,""):i.replace(",","."),/^\d+(\.\d+)?$/.test(i)?Number(i):null}function St(e,i=2){return String(Number(e.toFixed(i)))}function Tt(e){const i=ut(e);return i!==null&&i>0&&i<=100?i:null}function is(e,i){const l=ut(e),s=Tt(i);return l===null||l<=0||s===null?"":St(l*s/100)}function uc(e,i){if(i?.includes("%")){const c=Tt(i);return c===null?"":St(c)}const l=ut(e),s=ut(i);if(l===null||l<=0||s===null||s<=0)return"";const a=s/l*100,d=St(s);for(const c of[0,1,2]){const p=St(a,c);if(is(e,p)===d)return p}return St(a)}function Zt(){return{id:xo.generateUUID(),image:"",url:"",headline:"",price:"",priceCurrency:"",discountPercent:""}}function mc({discountValue:e,...i}){return{...i,discountPercent:uc(i.price,e)}}function rs(e,i){return i?.length?i.map(mc):e===Ue.PRODUCT_CAROUSEL||e===Ue.SINGLE_IMAGE_PREVIEW?[Zt()]:[]}function ls(e=Ue.PRODUCT_CAROUSEL){return{annotationType:e,annotationLogo:"",description:"",discountCode:"",availabilityStarts:null,availabilityEnds:null,offerPageUrl:"",merchantHomepageUrl:"",cards:rs(e)}}function pc(e){const i=e.annotationType||Ue.PRODUCT_CAROUSEL;return{annotationType:i,annotationLogo:e.logo||"",description:e.description||"",discountCode:e.discountCode||"",availabilityStarts:e.availabilityStarts?(0,Oo.default)(e.availabilityStarts):null,availabilityEnds:e.availabilityEnds?(0,Oo.default)(e.availabilityEnds):null,offerPageUrl:e.offerPageUrl||"",merchantHomepageUrl:e.merchantHomepageUrl||"",cards:rs(i,e.cards)}}function ss(e){const i=e.cards||[];return{annotationType:typeof e.annotationType=="string"?e.annotationType:Ue.PRODUCT_CAROUSEL,logo:typeof e.annotationLogo=="string"?e.annotationLogo:"",description:typeof e.description=="string"?e.description:"",discountCode:typeof e.discountCode=="string"?e.discountCode:"",availabilityStarts:e.availabilityStarts&&Oo.default.isDayjs(e.availabilityStarts)?e.availabilityStarts.toISOString():void 0,availabilityEnds:e.availabilityEnds&&Oo.default.isDayjs(e.availabilityEnds)?e.availabilityEnds.toISOString():void 0,offerPageUrl:typeof e.offerPageUrl=="string"?e.offerPageUrl:"",merchantHomepageUrl:typeof e.merchantHomepageUrl=="string"?e.merchantHomepageUrl:"",cards:i.map(l=>({id:l.id||xo.generateUUID(),image:l.image||"",url:l.url||"",headline:l.headline||"",price:l.price||"",priceCurrency:l.priceCurrency||"",discountValue:is(l.price,l.discountPercent)}))}}function hc(e,i){const l=e.getValue();if(!l)return!1;const s=Dd(l,i);if(!s||l.slice(s.range.start,s.range.end)===s.text)return!1;const a=e.getPositionAt(s.range.start),d=e.getPositionAt(s.range.end);return e.pushEditOperations([],[{range:{startLineNumber:a.lineNumber,startColumn:a.column,endLineNumber:d.lineNumber,endColumn:d.column},text:s.text}],()=>null),!0}function bc(e,i){return e?e.emailId!==i.emailId||e.markup!==i.markup:!0}function fc(e){const i=e.getValue(),l=Vd(i);if(l===i)return!1;const s=e.getPositionAt(i.length);return e.pushEditOperations([],[{range:{startLineNumber:1,startColumn:1,endLineNumber:s.lineNumber,endColumn:s.column},text:l}],()=>null),!0}function Hi(e){return!!e&&/^https?:\/\//i.test(e.trim())}function gc(e,i){const l=e.annotationType??Ue.PRODUCT_CAROUSEL,s=[];return l===Ue.PRODUCT_CAROUSEL||l===Ue.SINGLE_IMAGE_PREVIEW?(e.cards?.some(a=>!!a.image&&Hi(a.url))||s.push(i("At least one card needs an image and a link starting with https://")),e.cards?.some(a=>!!a.priceCurrency?.trim()&&!Ai(a.priceCurrency))&&s.push(i("Price currency must be a three-letter ISO 4217 code, for example USD")),s):l===Ue.DEAL_CARD?(e.description?.trim()||s.push(i("Discount description is required")),!Hi(e.offerPageUrl)&&!Hi(e.merchantHomepageUrl)&&s.push(i("Offer page or merchant homepage link starting with https:// is required")),s):(!e.description&&!e.discountCode&&!e.availabilityStarts&&!e.availabilityEnds&&s.push(i("Fill in at least one offer field")),s)}function _c(e,i){const l=[],s=e.filter(a=>!!a.discountPercent?.trim());return s.some(a=>Tt(a.discountPercent)===null)&&l.push(i("Discount must be a percentage greater than 0 and up to 100")),s.some(a=>{const d=ut(a.price);return Tt(a.discountPercent)!==null&&(d===null||d<=0)})&&l.push(i("Enter the price as a number to calculate the discount")),l}var{Text:xc}=t.ui_kit$Typography,kc=10,Ec=1,as={width:"100%"},Bc="https://developers.google.com/workspace/gmail/promotab",To=["hover"],Sc=["annotationLogo"],ns=["cards",0,"price"],Tc=["cards",0,"discountPercent"],Rc=["cards",0,"priceCurrency"];function go(e){return e.closest(".email-pane__collapse-wrapper")??document.body}var Do={clearIcon:(0,o.jsx)(t.ui_kit$ColorPickerClearGlyph,{})},yc={optionFilterProp:"label"};function wc(e){return{value:e||void 0}}var jc=cc.map(e=>{const i=Zl(e);return{value:e,label:i===e?e:`${e} (${i})`}}),ds=({name:e,pricePath:i,iconStrokeWidth:l})=>{const{__:s}=r.useI18n(),a=(0,n.useMemo)(()=>[i],[i]),d=(0,n.useMemo)(()=>[({getFieldValue:c})=>({validator:async(p,f)=>{const x=typeof f=="string"?f.trim():"";if(!x)return;if(Tt(x)===null)throw new Error(s("Discount must be a percentage greater than 0 and up to 100"));const k=ut(c(i));if(k===null||k<=0)throw new Error(s("Enter the price as a number to calculate the discount"))}})],[s,i]);return(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Discount, %"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:e,dependencies:a,rules:d,className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Percent02Icon",component:t.icons$Percent02Icon,size:16,strokeWidth:l}),placeholder:s("Discount, %"),inputMode:"decimal",allowClear:Do})})})},cs=({name:e,iconStrokeWidth:i})=>{const{__:l}=r.useI18n(),s=(0,n.useMemo)(()=>[{validator:async(a,d)=>{const c=typeof d=="string"?d.trim():"";if(c&&!Ai(c))throw new Error(l("Price currency must be a three-letter ISO 4217 code, for example USD"))}}],[l]);return(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:l("Price currency"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:e,rules:s,getValueProps:wc,className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Select,{options:jc,placeholder:l("Price currency"),prefix:(0,o.jsx)(r.EmIcons,{icon:"Globe02Icon",component:t.icons$Globe02Icon,size:16,strokeWidth:i}),showSearch:yc,allowClear:!0,getPopupContainer:go})})})},vc=({onAdd:e})=>{const{__:i}=r.useI18n(),l=(0,n.useCallback)(()=>e(Zt()),[e]);return(0,o.jsx)(t.ui_kit$Button,{type:"text",block:!0,className:"selected-social-form__add-bar",icon:(0,o.jsx)(r.EmIcons,{icon:"AddSlide",component:t.icons$AddSlide}),onClick:l,children:i("Add card")})},Ic=({field:e,index:i,form:l,isSingleImagePreview:s,onRemove:a})=>{const{__:d}=r.useI18n(),c=r.useAppConfig(),p=(0,n.useMemo)(()=>[e.name,"image"],[e.name]),f=(0,n.useMemo)(()=>["cards",e.name,"image"],[e.name]),x=(0,n.useMemo)(()=>[e.name,"headline"],[e.name]),k=(0,n.useMemo)(()=>[e.name,"url"],[e.name]),h=(0,n.useMemo)(()=>[e.name,"price"],[e.name]),b=(0,n.useMemo)(()=>["cards",e.name,"price"],[e.name]),R=(0,n.useMemo)(()=>[e.name,"discountPercent"],[e.name]),_=(0,n.useMemo)(()=>[e.name,"priceCurrency"],[e.name]),E=(0,n.useMemo)(()=>[e.name,"id"],[e.name]),w=(0,n.useMemo)(()=>[{validator:async(P,j)=>{const I=typeof j=="string"?j.trim():"";if(I&&!/^https?:\/\//i.test(I))throw new Error(d("Please enter the correct URL."))}}],[d]),v=(0,n.useCallback)(()=>a(e.name),[a,e.name]);return(0,o.jsxs)("div",{className:"selected-social-form__card",children:[(0,o.jsxs)("div",{className:"selected-social-form__card-head",children:[(0,o.jsx)(xc,{className:"selected-social-form__card-title",children:s?d("Single image preview"):`${d("Card")} ${i+1}`}),!s&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:d("Delete"),placement:"top",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Button,{type:"text",className:"selected-social-form__card-head-remove",icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:18,strokeWidth:c.iconStrokeWidth}),"aria-label":d("Delete"),onClick:v})})]}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:d("Image"),placement:"top",getPopupContainer:go,children:(0,o.jsx)("div",{className:"annotations-panel__field-tooltip-wrap",children:(0,o.jsx)(No,{form:l,label:d("Image"),name:p,watchPath:f})})}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:d("Headline"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:x,className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"ElementTitle",component:t.icons$ElementTitle,size:16,strokeWidth:c.iconStrokeWidth}),placeholder:d("Headline"),allowClear:Do})})}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:d("Link"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:k,className:"selected-social-form__card-field",rules:w,children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Link03",component:t.icons$Link03,size:16,strokeWidth:c.iconStrokeWidth}),placeholder:d("Enter link"),allowClear:Do})})}),!s&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:d("Price"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:h,className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"CreditCard02Icon",component:t.icons$CreditCard02Icon,size:16,strokeWidth:c.iconStrokeWidth}),placeholder:d("Price"),allowClear:Do})})}),(0,o.jsx)(ds,{name:R,pricePath:b,iconStrokeWidth:c.iconStrokeWidth}),(0,o.jsx)(cs,{name:_,iconStrokeWidth:c.iconStrokeWidth})]}),(0,o.jsx)(t.ui_kit$Form.Item,{name:E,hidden:!0,children:(0,o.jsx)(t.ui_kit$Input,{})})]})};function us({iconStrokeWidth:e}){const{__:i}=r.useI18n();return(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:i("Discount code"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"discountCode",className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Sale04Icon",component:t.icons$Sale04Icon,size:16,strokeWidth:e}),placeholder:i("Discount code"),allowClear:Do})})})}var Cc=({className:e="",isActive:i=!0,email:l})=>{const{__:s}=r.useI18n(),a=r.useAppConfig(),d=r.useModel(),c=r.useNotification(),[p]=t.ui_kit$Form.useForm(),f=(0,n.useRef)(null),x=(0,n.useRef)(!1),k=(0,n.useRef)(null),[h,b]=(0,n.useState)(!1),R=t.ui_kit$Form.useWatch("annotationType",p),_=t.ui_kit$Form.useWatch("annotationLogo",p),E=t.ui_kit$Form.useWatch("description",p),w=t.ui_kit$Form.useWatch("discountCode",p),v=t.ui_kit$Form.useWatch("availabilityStarts",p),P=t.ui_kit$Form.useWatch("availabilityEnds",p),j=t.ui_kit$Form.useWatch("offerPageUrl",p),I=t.ui_kit$Form.useWatch("merchantHomepageUrl",p),C=t.ui_kit$Form.useWatch("cards",p),Y=JSON.stringify(C??[]),z=(0,n.useMemo)(()=>JSON.parse(Y)??[],[Y]),O=R||Ue.PRODUCT_CAROUSEL,N=O===Ue.PRODUCT_CAROUSEL||O===Ue.SINGLE_IMAGE_PREVIEW,S=O===Ue.DEAL_ANNOTATION||O===Ue.DEAL_CARD,Q=O===Ue.DEAL_CARD,J=O===Ue.DEAL_ANNOTATION,re=O===Ue.SINGLE_IMAGE_PREVIEW,te=O===Ue.SINGLE_IMAGE_PREVIEW?Ec:kc,pe=(0,n.useMemo)(()=>[{value:Ue.PRODUCT_CAROUSEL,label:s("Product carousel")},{value:Ue.SINGLE_IMAGE_PREVIEW,label:s("Single image preview")},{value:Ue.DEAL_ANNOTATION,label:s("Deal Annotation")},{value:Ue.DEAL_CARD,label:s("Deal Card")}],[s]),be=(0,n.useMemo)(()=>{let ce="";d?ce=d.getValue():l?.html&&(ce=l.html);const ee=ce.match(/<title[^>]*>([\s\S]*?)<\/title>/i),ue=ee?ee[1].trim():l?.title||l?.subject||"";return dc(ue)},[d,l?.html,l?.title,l?.subject]),ae=(0,n.useMemo)(()=>ss({annotationType:O,annotationLogo:_,description:E,discountCode:w,availabilityStarts:v,availabilityEnds:P,offerPageUrl:j,merchantHomepageUrl:I,cards:z}),[O,_,E,w,v,P,j,I,z]),xe=(0,n.useMemo)(()=>N?_c(z,s):[],[N,z,s]),Ie=(0,n.useMemo)(()=>Cd(ae)&&xe.length===0,[ae,xe]),ne=(0,n.useMemo)(()=>[...gc(ae,s),...xe],[ae,xe,s]),Fe=(0,n.useMemo)(()=>s("Learn more about %s").split("%s"),[s]),je=(0,n.useCallback)(()=>{!d||!fc(d)||(p.setFieldsValue(ls(O)),k.current={emailId:l?.id,markup:null},b(!1),c.success(s("Gmail annotations were removed from the template code.")))},[d,p,O,l?.id,c,s]);(0,n.useEffect)(()=>{if(!N)return;const ce=p.getFieldValue("cards")??[];if(O===Ue.SINGLE_IMAGE_PREVIEW){if(ce.length>1){p.setFieldsValue({cards:[ce[0]]});return}ce.length===0&&p.setFieldsValue({cards:[Zt()]});return}ce.length===0&&p.setFieldsValue({cards:[Zt()]})},[p,N,O,z]);const le=(0,n.useCallback)(ce=>{if(!ce||!x.current||!d)return!1;const ee=hc(d,ss(ce));if(ee){const ue=Ql(ts(d.getValue()));k.current={emailId:l?.id,markup:ue},b(ue!==null)}return ee},[d,l?.id]),Ee=(0,n.useCallback)(()=>{le(p.getFieldsValue(!0))&&c.success(s("Gmail annotation was successfully applied to the template code."))},[le,p,c,s]);return(0,n.useEffect)(()=>{if(!i)return;const ce=ts(d?.getValue()||l?.html||""),ee={emailId:l?.id,markup:ce?Ql(ce):null};if(b(ee.markup!==null),!bc(k.current,ee))return;k.current=ee,x.current=!1;const ue=ce?Hd(ce):null;p.setFieldsValue(ue?pc(ue):ls()),x.current=!0},[i,l?.id,l?.html,d,p]),(0,o.jsxs)("div",{className:(0,De.default)("selected-social-form","annotations-panel",e),ref:f,children:[(0,o.jsx)(nc,{data:ae,subjectLine:be,parentRef:f,overlayTargetSelector:"#pane-content-iframe",onApply:Ee,applyDisabled:!Ie,applyBlockers:ne,onRemove:h?je:void 0,visible:i}),(0,o.jsxs)(t.ui_kit$Form,{form:p,layout:"vertical",className:"selected-social-form__form element-controls",autoComplete:"off",children:[(0,o.jsxs)("div",{className:"selected-social-form__section",children:[(0,o.jsx)("div",{className:"selected-social-form__section-title",children:s("General settings")}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Annotation type"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"annotationType",className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Select,{options:pe,placeholder:s("Annotation type"),getPopupContainer:go})})}),!Q&&(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Organization logo"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)("div",{className:"annotations-panel__field-tooltip-wrap",children:(0,o.jsx)(No,{form:p,label:s("Organization logo"),name:"annotationLogo",watchPath:Sc})})}),(re||J)&&(0,o.jsx)(us,{iconStrokeWidth:a.iconStrokeWidth}),re&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Price"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:ns,className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"CreditCard02Icon",component:t.icons$CreditCard02Icon,size:16,strokeWidth:a.iconStrokeWidth}),placeholder:s("Price"),allowClear:Do})})}),(0,o.jsx)(ds,{name:Tc,pricePath:ns,iconStrokeWidth:a.iconStrokeWidth}),(0,o.jsx)(cs,{name:Rc,iconStrokeWidth:a.iconStrokeWidth})]}),S&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Discount description"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"description",className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"CommentOutlined",component:t.icons$CommentOutlined,size:16,strokeWidth:a.iconStrokeWidth}),placeholder:s("Discount description"),allowClear:Do})})}),Q&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(us,{iconStrokeWidth:a.iconStrokeWidth}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Offer page URL"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"offerPageUrl",className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Link03",component:t.icons$Link03,size:16,strokeWidth:a.iconStrokeWidth}),placeholder:s("Offer page URL"),allowClear:Do})})}),(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Merchant homepage URL"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"merchantHomepageUrl",className:"selected-social-form__card-field",children:(0,o.jsx)(t.ui_kit$Input,{prefix:(0,o.jsx)(r.EmIcons,{icon:"Link03",component:t.icons$Link03,size:16,strokeWidth:a.iconStrokeWidth}),placeholder:s("Merchant homepage URL"),allowClear:Do})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,className:"selected-social-form__field-row",children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Starts"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"availabilityStarts",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DatePicker,{showTime:!0,placeholder:s("Starts"),style:as,getPopupContainer:go})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:To,title:s("Ends"),placement:"bottom",getPopupContainer:go,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"availabilityEnds",className:"form-item-margin-xs",children:(0,o.jsx)(t.ui_kit$DatePicker,{showTime:!0,placeholder:s("Ends"),style:as,getPopupContainer:go})})})})]})]})]}),N&&(0,o.jsxs)("div",{className:(0,De.default)("selected-social-form__section",{"selected-social-form__section--bordered":!re,"annotations-panel__cards-section":re}),children:[O===Ue.PRODUCT_CAROUSEL&&(0,o.jsxs)("div",{className:"selected-social-form__section-title",children:[s("Promotion cards"),(0,o.jsx)("span",{className:"annotations-panel__section-hint",children:s("max 10")})]}),(0,o.jsx)(t.ui_kit$Form.List,{name:"cards",children:(ce,{add:ee,remove:ue})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"selected-social-form__items",children:ce.map((se,Z)=>(0,o.jsx)(Ic,{field:se,index:Z,form:p,isSingleImagePreview:re,onRemove:ue},se.key))}),!re&&z.length<te&&(0,o.jsx)(vc,{onAdd:ee})]})})]}),(0,o.jsxs)("div",{className:"annotations-panel__docs-hint",children:[Fe[0],(0,o.jsx)("a",{href:Bc,target:"_blank",rel:"noopener noreferrer",children:s("Gmail annotations")}),Fe[1]]})]})]})},Ui=({email:e})=>{const{__:i}=r.useI18n(),l=e.hasOwnProperty("type")?r.BLOCK:r.EMAIL,[s,a]=(0,n.useState)(r.SETTINGS),d=r.useAppConfig(),c=R=>a(R||""),p=d.settingsTabEnabled,f=d.UTMEnabled&&l==="email",x=d.annotationsEnabled&&l==="email",k=[p&&"Settings",f&&"UTM parameters",x&&"Annotations parameters"].filter(Boolean),h=k.includes(s)?s:k[0],b=(0,n.useMemo)(()=>{const R=[];return p&&R.push({label:(0,o.jsx)(o.Fragment,{children:i("Settings")}),key:r.SETTINGS,forceRender:!0,className:"email-settings__collapse-panel",children:(0,o.jsx)($l,{className:"email-settings__collapse-panel-content",element:e})}),f&&R.push({label:(0,o.jsx)(o.Fragment,{children:i("UTM parameters")}),key:r.UTM_PARAMETERS,forceRender:!0,className:"email-settings__collapse-panel",children:(0,o.jsx)(Ul,{className:"email-settings__collapse-panel-content",email:e})}),x&&R.push({label:(0,o.jsx)(o.Fragment,{children:i("Annotations")}),key:r.ANNOTATIONS_PARAMETERS,forceRender:!0,className:"email-settings__collapse-panel",children:(0,o.jsx)(Cc,{className:"email-settings__collapse-panel-content",email:e,isActive:h===r.ANNOTATIONS_PARAMETERS})}),R},[i,e,p,f,x,h]);return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Tabs,{className:"secondary-tabs email-settings__collapse",size:"large",activeKey:h,onChange:c,items:b})})};Ui.propTypes={};var ms=320,Pc=1200,Ac=350,{backgroundColor:ps,backgroundImage:Wi,backgroundPositionX:zi,backgroundPositionY:Gi,backgroundRepeat:ei,backgroundSize:Yi,responsive:Nc,backgroundColorContent:Lc,width:Xi}={backgroundColor:"backgroundColor",backgroundImage:"backgroundImage",backgroundPositionX:"backgroundPositionX",backgroundPositionY:"backgroundPositionY",backgroundRepeat:"backgroundRepeat",backgroundSize:"backgroundSize",responsive:"responsive",backgroundColorContent:"backgroundColorContent",width:"width"},Oc={[ps]:"",[Wi]:"",[zi]:"",[Gi]:"",[ei]:"checked",[Yi]:"",[Lc]:"",[Xi]:""};function Ki(e){const i=Number(e);return Number.isNaN(i)?null:{value:i,dim:"px"}}var hs=({className:e=""})=>{const{__:i}=r.useI18n(),{token:l}=(0,t.ui_kit$useToken)(),s=r.useDispatch(),a=r.useAppConfig(),[d]=t.ui_kit$Form.useForm(),c=r.useSendPostMessage(),p=r.useEmailAttribute("common_styles"),f=r.useSelector(r.selectEmailSettings),x=r.useSelector(r.selectIsSettingsDisabled$1),k=r.useSelector(r.selectActiveSettingsTab),h=r.useSelector(r.selectIsNeedUpdateAppearance),[b,R]=(0,n.useState)(!0),_=(0,n.useRef)(!1),E=(0,n.useRef)(null),w=i("Email not yet loaded or global container not found.");(0,n.useEffect)(()=>{h&&(s(r.setIsNeedUpdateAppearance(!1)),c({operation:r.EVENT_TYPES.INIT_PREVIEW}))},[d,h,s,c,p]),(0,n.useEffect)(()=>()=>{E.current&&clearTimeout(E.current)},[]);const v=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}],P=[{label:i("Not defined"),value:""},{label:i("Contain"),value:"contain"},{label:i("Cover"),value:"cover"}];(0,n.useEffect)(()=>{const{width:S,...Q}=f,J={...Q,backgroundImage:f.backgroundImage?f.backgroundImage[0]?.value:"",backgroundRepeat:f[ei]===""?"repeat":f[ei],backgroundSize:f[Yi],responsive:f.responsive?.shutdown};_.current||(J.width=S?.value,J.widthDim=S?.dim),d.setFieldsValue(J),R(!f.backgroundImage)},[f,d]);const j=(0,n.useCallback)(S=>{const Q=Ki(S);!Q||Q.value<ms||c({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{width:Q}})},[c]),I=(0,n.useCallback)(S=>{const Q=Ki(S);Q&&s(r.setEmailSettings({...f,width:Q}))},[s,f]),C=(0,n.useCallback)(S=>{E.current&&clearTimeout(E.current),I(S),E.current=setTimeout(()=>{j(S)},Ac)},[j,I]),Y=S=>{const Q=d.getFieldsValue(!0),J=Object.keys(S)[0];switch(J){case Xi:C(S[J]);break;case zi:case Gi:c({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{[J]:S[J]===""?"none":S[J]}});break;case Wi:R(S[J]===""),c({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{[J]:[{...f?.backgroundImage?.[0],type:"url",value:S[J]}],backgroundSize:"cover"}});break;case Nc:{const re=Ki(Q.width);c({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{responsive:{shutdown:S[J],styles:S[J]},...re?{width:re}:{}}});break}default:c({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:S})}},z=S=>{s(r.setMobileViewActive({shutdown:S,styles:S})),c({operation:r.EVENT_TYPES.SANDBOX_IFRAME_SETSIZE,settings:{iframeWidth:document.querySelector(".email-pane__iframe").getBoundingClientRect().width}})},O=()=>{_.current=!0},N=()=>{E.current&&(clearTimeout(E.current),E.current=null);const S=d.getFieldValue(Xi);I(S),j(S),requestAnimationFrame(()=>{_.current=!1})};return(0,o.jsx)("div",{className:(0,De.default)("appearance-panel",{[e]:e}),children:(0,o.jsxs)(t.ui_kit$Form,{form:d,layout:"vertical",name:"appearance_panel_form",initialValues:{remember:!1,...Oc},onValuesChange:Y,autoComplete:"off",className:"element-controls",children:[x?(0,o.jsx)(t.ui_kit$Alert,{style:{marginBottom:"24px"},title:w,type:"error"}):null,(0,o.jsx)(t.ui_kit$FormSection,{title:i("Email layout width"),dividerTop:!1,children:(0,o.jsx)(t.ui_kit$Row,{gutter:10,children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:f.width?.value?i("This field sets the width of the email."):i("Couldn`t determine the email width"),placement:"right",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"width",style:{marginBottom:l.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$InputNumber,{min:ms,max:Pc,placeholder:i("Width"),disabled:!f.width?.value,addonAfter:"px",onFocus:O,onBlur:N})})})})})}),a.emailResponsiveControlEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Row,{gutter:20,children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"responsive",valuePropName:"checked",children:(0,o.jsx)(t.ui_kit$Switch,{id:"responsive",label:i("Responsive email"),size:"small",name:"responsive",disabled:f.responsive?.shutdown===void 0,onChange:z})})})}),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider"})]}),(0,o.jsx)(t.ui_kit$FormSection,{title:i("Email background color"),dividerTop:!a.emailResponsiveControlEnabled,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:b?16:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:ps,style:{marginBottom:l.formItemMarginBottomXS},rules:[{message:i("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Background color"),usedColors:f.usedColors,disabled:x})})})}),(0,o.jsx)(t.ui_kit$Col,{span:b?12:24,children:a.formEmailFieldBackgroundImageEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(No,{form:d,label:i("Background image"),name:Wi,tooltipTitle:i("Background image"),disabled:x||k!=="Styles",elementSettings:f}),!b&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:"0"},children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Horizontal position"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:zi,style:{marginBottom:l.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:i("Horizontal position"),prefix:(0,o.jsx)(r.EmIcons,{icon:"BgPositionHorizontal",component:t.icons$BgPositionHorizontal})})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Vertical position"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:Gi,style:{marginBottom:l.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$Input,{placeholder:i("Vertical position"),prefix:(0,o.jsx)(r.EmIcons,{icon:"BgPositionVertical",component:t.icons$BgPositionVertical})})})})})]})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background image repeat"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:ei,children:(0,o.jsx)(t.ui_kit$Select,{placeholder:i("Please select"),disabled:x,options:v})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background image size"),placement:"top",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:Yi,children:(0,o.jsx)(t.ui_kit$Select,{placeholder:i("Please select"),disabled:x,options:P})})})})]})]})]})})]})})]})})};hs.propTypes={className:g.default.string};var{Option:bs}=t.ui_kit$Select,{width:fs,widthDim:$c}={width:"width",widthDim:"widthDim"},Fc={[fs]:"",[$c]:""},gs=({className:e=""})=>{const{__:i}=r.useI18n(),l=r.useSelector(r.selectBlockSettings),s=r.useSelector(r.selectIsSettingsDisabled),[a]=t.ui_kit$Form.useForm(),d=r.useSendPostMessage(),c=i("Block not yet loaded or global container not found.");(0,n.useEffect)(()=>{a.setFieldsValue({width:l.width.value,widthDim:l.width.dim})},[l,a]);const p=f=>{const x=a.getFieldsValue(!0),k=Object.keys(f)[0];let h;switch(k){case"width":h={[k]:{value:f[k],dim:x.widthDim}};break;case"widthDim":h={width:{value:x.width,dim:f[k]}};break;default:return}d({operation:r.EVENT_TYPES.SANDBOX_BLOCK_SETTINGS_SET,settings:h})};return(0,o.jsx)("div",{className:(0,De.default)("block-appearance-panel",{[e]:e}),children:(0,o.jsxs)(t.ui_kit$Form,{form:a,layout:"vertical",name:"block_appearance_panel_form",initialValues:{remember:!1,...Fc},onValuesChange:p,autoComplete:"off",children:[s?(0,o.jsx)(t.ui_kit$Alert,{style:{marginBottom:"24px"},title:c,type:"error"}):null,(0,o.jsx)(t.ui_kit$Form.Item,{label:i("Container width"),name:fs,tooltip:{title:i("Specifies the block width."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},rules:[{message:i("Please input container width")}],children:(0,o.jsx)(t.ui_kit$Input,{disabled:s,placeholder:i("Container width"),addonAfter:(0,o.jsx)(t.ui_kit$Form.Item,{name:"widthDim",noStyle:!0,children:(0,o.jsxs)(t.ui_kit$Select,{className:"select-after",children:[(0,o.jsx)(bs,{value:"px",children:"px"}),(0,o.jsx)(bs,{value:"%",children:"%"})]})})})})]})})};gs.propTypes={className:g.default.string};var Mc=()=>{};function _s(){const e=r.useContainer(),i=(0,n.useCallback)(s=>{if(!e)return Mc;const a=r.provideDefaultCommonStyles(e).watch(s);return()=>a.dispose()},[e]),l=(0,n.useCallback)(()=>r.getDefaultCommonStyles(e),[e]);return(0,n.useSyncExternalStore)(i,l,l)}function xs(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function qi(e,i){const l={...e};for(const s of Object.keys(i)){const a=i[s],d=e[s];xs(a)&&xs(d)?l[s]=qi(d,a):a!==void 0&&(l[s]=a)}return l}function ks(e,i){const l=r.COMMON_STYLES;if(typeof e=="string"){const s=e.trim();if(s.startsWith("{"))try{const a=JSON.parse(s);if(a&&typeof a=="object"&&!Array.isArray(a)&&Object.keys(a).length>0)return qi(l,a)}catch{}}return i&&typeof i=="object"&&!Array.isArray(i)?qi(l,i):l}var Es=e=>({textFontFamily:e.text.fontFamily,textFontSize:e.text.fontSize,textFontSizeDim:e.text.fontSizeDim,textLineHeight:e.text.lineHeight,textLineHeightDim:e.text.lineHeightDim,textColor:e.text.color,textContrastColor:e.text.contrastColor||"#FFFFFF",textAlign:e.text.textAlign,textPaddingBottom:e.text.paddingBottom,textPaddingBottomDim:e.text.paddingBottomDim,headingFontFamily:e.headings.fontFamily,headingFontSize:e.headings.fontSize,headingFontSizeDim:e.headings.fontSizeDim,headingLineHeight:e.headings.lineHeight,headingLineHeightDim:e.headings.lineHeightDim,headingColor:e.headings.color,headingContrastColor:e.headings.contrastColor||"#FFFFFF",headingAlign:e.headings.textAlign,headingPaddingTop:e.headings.paddingTop,headingPaddingTopDim:e.headings.paddingTopDim,headingPaddingBottom:e.headings.paddingBottom,headingPaddingBottomDim:e.headings.paddingBottomDim,headingLetterSpacing:e.headings.letterSpacing,headingLetterSpacingDim:e.headings.letterSpacingDim,headingBold:e.headings.bold,headingItalic:e.headings.italic,linkColor:e.links.color,linkContrastColor:e.links.contrastColor||"#FFFFFF",linkUnderline:e.links.underline,buttonsFontFamily:e.buttons.fontFamily,buttonsFontSize:e.buttons.fontSize,buttonsFontSizeDim:e.buttons.fontSizeDim,buttonsLetterSpacing:e.buttons.letterSpacing,buttonsLetterSpacingDim:e.buttons.letterSpacingDim,buttonsColor:e.buttons.color,buttonsContrastColor:e.buttons.contrastColor||"#1890ff",buttonsBold:e.buttons.bold,buttonsItalic:e.buttons.italic,buttonsBackgroundColor:e.buttons.backgroundColor,buttonsContrastBackgroundColor:e.buttons.contrastBackgroundColor||"#FFFFFF",buttonsMarginTop:e.buttons.marginTop,buttonsMarginTopDim:e.buttons.marginTopDim,buttonsMarginBottom:e.buttons.marginBottom,buttonsMarginBottomDim:e.buttons.marginBottomDim,buttonsBorder:e.buttons.border,buttonsAlign:e.buttons.textAlign,buttonsBorderRadius:e.buttons.borderRadius,buttonsPadding:e.buttons.padding,cardsContrastBackgroundColor:e.cards?.contrastBackgroundColor||"#1890ff",cardsBaseBackgroundColor:e.cards?.baseBackgroundColor||"#F8F8F8",cardsContrastTextColor:e.cards?.contrastTextColor||"#FFFFFF",cardsBaseTextColor:e.cards?.baseTextColor||"#5A5A5A",cardsBorder:e.cards?.border||{all:null,top:null,right:null,bottom:null,left:null},cardsBorderRadius:e.cards?.borderRadius||{all:10,topLeft:null,topRight:null,bottomRight:null,bottomLeft:null},blockBackgroundColor:e.block?.backgroundColor||"",blockContrastBackgroundColor:e.block?.contrastBackgroundColor||"#1890ff",blockPaddingAll:e.block?.padding?.all,blockPaddingTop:e.block?.padding?.top,blockPaddingRight:e.block?.padding?.right,blockPaddingBottom:e.block?.padding?.bottom,blockPaddingLeft:e.block?.padding?.left}),Dc={buttons_borderRadiusAll:"all",buttons_borderRadiusTopLeft:"topLeft",buttons_borderRadiusBottomLeft:"bottomLeft",buttons_borderRadiusTopRight:"topRight",buttons_borderRadiusBottomRight:"bottomRight"},Vc={cards_borderRadiusAll:"all",cards_borderRadiusTopLeft:"topLeft",cards_borderRadiusBottomLeft:"bottomLeft",cards_borderRadiusTopRight:"topRight",cards_borderRadiusBottomRight:"bottomRight"},Hc={blockPaddingTop:"top",blockPaddingLeft:"left",blockPaddingRight:"right",blockPaddingBottom:"bottom"},Uc=({className:e})=>{const{__:i}=r.useI18n(),l=W.useGoogleFontsLoader(),s=r.useDispatch(),a=r.useSendPostMessage(),[d]=t.ui_kit$Form.useForm(),c=r.useSelector(r.selectEmailSettings),p=r.useSelector(r.selectIsNeedUpdateContentAppearance),f=_s(),x=r.useEmailAttribute("common_styles"),k=r.useAppConfig(),{token:h}=(0,t.ui_kit$useToken)(),[b,R]=(0,n.useState)({}),[_,E]=(0,n.useState)({}),[w,v]=(0,n.useState)(!0),[P,j]=(0,n.useState)(!0),[I,C]=(0,n.useState)(!1),[Y,z]=(0,n.useState)(!1),O={buttonsPaddingTop:"top",buttonsPaddingLeft:"left",buttonsPaddingRight:"right",buttonsPaddingBottom:"bottom"},N=ks(x,f),[S,Q]=(0,n.useState)(N.headings.bold),[J,re]=(0,n.useState)(N.headings.italic),[te,pe]=(0,n.useState)(N.links.underline),[be,ae]=(0,n.useState)(N.buttons.bold),[xe,Ie]=(0,n.useState)(N.buttons.italic),[ne,Fe]=(0,n.useState)(null),je=r.useSelector(r.selectIsPanelHistoryCollapsed);(0,n.useEffect)(()=>{je||Fe(null)},[N,Fe,je]),(0,n.useEffect)(()=>{je&&!ne&&Fe(Es(N))},[N,ne,je]),(0,n.useEffect)(()=>{p&&(s(r.setIsNeedUpdateContentAppearance(!1)),d.setFieldsValue(Es(N)))},[d,p,s,N]);const[le,Ee]=(0,n.useState)(Math.min(N.headings.fontSize-1,19)),[ce,ee]=(0,n.useState)(Math.max(N.text.fontSize+1,20));(0,n.useEffect)(()=>{if(ne){const q=ne.buttonsBorder;R(q);const G=Object.keys(q).find(Be=>q[Be]?.width||q[Be]?.style||q[Be]?.color),X=ne.cardsBorder;E(X);const ie=Object.keys(X).find(Be=>X[Be]?.width||X[Be]?.style||X[Be]?.color);d.setFieldsValue({buttons_borderPosition:G||"all",buttons_borderWidth:q[G]?.width!==null?q[G]?.width:"",buttons_borderColor:q[G]?.color||"",buttons_borderStyle:q[G]?.style||"",cards_borderPosition:ie||"all",cards_borderWidth:X[ie]?.width!==null?X[ie]?.width:"",cards_borderColor:X[ie]?.color||"",cards_borderStyle:X[ie]?.style||"",buttons_borderRadiusAll:u(ne.buttonsBorderRadius.all),buttons_borderRadiusTopLeft:u(ne.buttonsBorderRadius.topLeft),buttons_borderRadiusBottomLeft:u(ne.buttonsBorderRadius.bottomLeft),buttons_borderRadiusTopRight:u(ne.buttonsBorderRadius.topRight),buttons_borderRadiusBottomRight:u(ne.buttonsBorderRadius.bottomRight),cards_borderRadiusAll:u(ne.cardsBorderRadius.all),cards_borderRadiusTopLeft:u(ne.cardsBorderRadius.topLeft),cards_borderRadiusBottomLeft:u(ne.cardsBorderRadius.bottomLeft),cards_borderRadiusTopRight:u(ne.cardsBorderRadius.topRight),cards_borderRadiusBottomRight:u(ne.cardsBorderRadius.bottomRight),blockPaddingAll:u(ne.blockPaddingAll),blockPaddingTop:u(ne.blockPaddingTop),blockPaddingRight:u(ne.blockPaddingRight),blockPaddingBottom:u(ne.blockPaddingBottom),blockPaddingLeft:u(ne.blockPaddingLeft),blockPaddingLeftRight:u(ne.blockPaddingRight)||u(ne.blockPaddingLeft),blockPaddingTopBottom:u(ne.blockPaddingTop)||u(ne.blockPaddingBottom)}),!u(ne.blockPaddingAll)&&(u(ne.blockPaddingTop)||u(ne.blockPaddingRight)||u(ne.blockPaddingBottom)||u(ne.blockPaddingLeft))&&(ne.blockPaddingTop!==ne.blockPaddingBottom||ne.blockPaddingRight!==ne.blockPaddingLeft)?z(!1):z(!0),!u(ne.buttonsBorderRadius.all)&&(u(ne.buttonsBorderRadius.topLeft)||u(ne.buttonsBorderRadius.bottomLeft)||u(ne.buttonsBorderRadius.topRight)||u(ne.buttonsBorderRadius.bottomRight))?v(!1):v(!0),ne.buttonsPadding&&!u(ne.buttonsPadding.all)&&(u(ne.buttonsPadding.bottom)||u(ne.buttonsPadding.right)||u(ne.buttonsPadding.left)||u(ne.buttonsPadding.top))&&C(!1),!u(ne.cardsBorderRadius?.all)&&(u(ne.cardsBorderRadius?.topLeft)||u(ne.cardsBorderRadius?.bottomLeft)||u(ne.cardsBorderRadius?.topRight)||u(ne.cardsBorderRadius?.bottomRight))?j(!1):j(!0)}},[d,ne]);const ue=()=>{z(G=>!G);const q=d.getFieldsValue(!0);if(!Y){q.blockPaddingLeftRight=q.blockPaddingLeft,q.blockPaddingTopBottom=q.blockPaddingTop,q.blockPaddingRight=q.blockPaddingLeft,q.blockPaddingBottom=q.blockPaddingTop;const G=Number(q.blockPaddingTopBottom),X=Number(q.blockPaddingLeftRight);a({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{blockPadding:{top:Number.isFinite(G)?G:0,bottom:Number.isFinite(G)?G:0,left:Number.isFinite(X)?X:0,right:Number.isFinite(X)?X:0}}})}},se=q=>{const G=q.target.closest("button");if(!G)return;const X=G.name,ie=G.classList.contains("selected-td-form__button--active");G.className=ie?"ant-btn ant-btn-default":"ant-btn ant-btn-default selected-td-form__button--active";try{G.blur()}catch{}X==="headingBold"?Q(!ie):X==="headingItalic"?re(!ie):X==="linkUnderline"?pe(!ie):X==="buttonsBold"?ae(!ie):X==="buttonsItalic"&&Ie(!ie),a({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:{[X]:!ie}})},Z=q=>{const G=d.getFieldsValue(!0),X=Object.keys(q)[0];let ie={};switch(X){case"headingFontSize":Ee(Math.min(G.headingFontSize-1,19)),ie=q;break;case"textFontSize":ee(Math.max(G.textFontSize+1,20)),ie=q;break;case"buttons_borderStyle":ie={buttonsBorder:{[G.buttons_borderPosition]:{...b[G.buttons_borderPosition],style:q[X]}}},G.buttons_borderPosition==="all"?R(Be=>({...r.RESET_BORDER_PARAMS,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],style:q[X]}})):R(Be=>({...Be,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],style:q[X]}}));break;case"buttons_borderColor":ie={buttonsBorder:{[G.buttons_borderPosition]:{...b[G.buttonsBorderPosition],color:q[X]}}},G.buttons_borderPosition==="all"?R(Be=>({...r.RESET_BORDER_PARAMS,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],color:q[X]}})):R(Be=>({...Be,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],color:q[X]}}));break;case"buttons_borderWidth":ie={buttonsBorder:{[G.buttons_borderPosition]:{...b[G.buttons_borderPosition],width:q[X]}}},G.buttonsBorderPosition==="all"?R(Be=>({...r.RESET_BORDER_PARAMS,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],width:q[X]}})):R(Be=>({...Be,[G.buttons_borderPosition]:{...Be[G.buttons_borderPosition],width:q[X]}}));break;case"buttons_borderPosition":d.setFieldsValue({buttons_borderWidth:b[q[X]]?.width||"",buttons_borderColor:b[q[X]]?.color||"",buttons_borderStyle:b[q[X]]?.style||""});break;case"cards_borderStyle":ie={cardsBorder:{[G.cards_borderPosition]:{..._[G.cards_borderPosition],style:q[X]}}},G.cards_borderPosition==="all"?E(Be=>({...r.RESET_BORDER_PARAMS,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],style:q[X]}})):E(Be=>({...Be,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],style:q[X]}}));break;case"cards_borderColor":ie={cardsBorder:{[G.cards_borderPosition]:{..._[G.cardsBorderPosition],color:q[X]}}},G.cards_borderPosition==="all"?E(Be=>({...r.RESET_BORDER_PARAMS,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],color:q[X]}})):E(Be=>({...Be,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],color:q[X]}}));break;case"cards_borderWidth":ie={cardsBorder:{[G.cards_borderPosition]:{..._[G.cards_borderPosition],width:q[X]}}},G.cardsBorderPosition==="all"?E(Be=>({...r.RESET_BORDER_PARAMS,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],width:q[X]}})):E(Be=>({...Be,[G.cards_borderPosition]:{...Be[G.cards_borderPosition],width:q[X]}}));break;case"cards_borderPosition":d.setFieldsValue({cards_borderWidth:_[q[X]]?.width||"",cards_borderColor:_[q[X]]?.color||"",cards_borderStyle:_[q[X]]?.style||""});break;case"buttons_borderRadiusAll":case"buttons_borderRadiusTopLeft":case"buttons_borderRadiusBottomLeft":case"buttons_borderRadiusTopRight":case"buttons_borderRadiusBottomRight":ie={buttonsBorderRadius:{[Dc[X]]:+q[X]}};break;case"cards_borderRadiusAll":case"cards_borderRadiusTopLeft":case"cards_borderRadiusBottomLeft":case"cards_borderRadiusTopRight":case"cards_borderRadiusBottomRight":ie={cardsBorderRadius:{[Vc[X]]:+q[X]}};break;case"buttonsPaddingTop":case"buttonsPaddingLeft":case"buttonsPaddingRight":case"buttonsPaddingBottom":I?(ie={padding:{all:+q[X]}},d.setFieldsValue({paddingTop:q[X],paddingLeft:q[X],paddingRight:q[X],paddingBottom:q[X]})):ie={buttonsPadding:{[O[X]]:+q[X]}};break;case"blockPaddingTop":case"blockPaddingLeft":case"blockPaddingRight":case"blockPaddingBottom":ie={blockPadding:{[Hc[X]]:+q[X]}};break;case"blockPaddingTopBottom":ie={blockPadding:{top:+q[X],bottom:+q[X]}},G.blockPaddingTop=G.blockPaddingBottom=+q[X];break;case"blockPaddingLeftRight":ie={blockPadding:{left:+q[X],right:+q[X]}},G.blockPaddingLeft=G.blockPaddingRight=+q[X];break;default:ie=q}X!=="buttons_borderPosition"&&a({operation:r.EVENT_TYPES.SANDBOX_EMAIL_SETTINGS_SET,settings:ie})};return ne&&(0,o.jsx)("div",{className:(0,De.default)("appearance-panel",{[e]:e}),children:(0,o.jsxs)(t.ui_kit$Form,{form:d,layout:"vertical",name:"content_appearance_panel_form",initialValues:ne,onValuesChange:Z,autoComplete:"off",className:"element-controls",children:[null,(0,o.jsxs)(t.ui_kit$FormSection,{title:i("Blocks"),dividerTop:!1,children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Blocks background color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"blockBackgroundColor",style:{marginBottom:h.formItemMarginBottomMD+4},rules:[{message:i("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Background color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Background color of the contrast blocks"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"blockContrastBackgroundColor",style:{marginBottom:h.formItemMarginBottomMD+4},rules:[{message:i("Please set the background color")}],children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Background color"),usedColors:c.usedColors})})})})]}),(0,o.jsx)(t.ui_kit$FormPaddingInputs,{extended:Y,onToggleExtended:ue,fieldNames:{paddingLeftRight:"blockPaddingLeftRight",paddingLeft:"blockPaddingLeft",paddingRight:"blockPaddingRight",paddingTopBottom:"blockPaddingTopBottom",paddingTop:"blockPaddingTop",paddingBottom:"blockPaddingBottom"},labels:{horizontal:i("Horizontal padding"),vertical:i("Vertical padding"),left:i("Left padding"),right:i("Right padding"),top:i("Top padding"),bottom:i("Bottom padding"),individual:i("Individual padding")},gutter:10,rowStyle:{paddingBottom:4}})]}),(0,o.jsxs)(t.ui_kit$FormSection,{title:i("General text"),dividerTop:!0,children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Font of the general text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textFontFamily",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{loadGoogleFonts:l,getPopupContainer:q=>q.closest(".email-pane__content-col")})})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Font size of the general text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textFontSize",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:15,max:le,placeholder:i("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Line height of the general text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textLineHeight",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Color of the general text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Text color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Contrast block text color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textContrastColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Text color"),usedColors:c.usedColors})})})})]}),(0,o.jsx)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Bottom padding of the general text"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"textPaddingBottom",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Bottom padding"),prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingBottom",component:t.icons$PaddingBottom}),addonAfter:"px"})})})})})]}),(0,o.jsxs)(t.ui_kit$FormSection,{title:i("Headings"),dividerTop:!0,children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Heading font"),placement:"left",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingFontFamily",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{loadGoogleFonts:l,getPopupContainer:q=>q.closest(".email-pane__content-col")})})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Heading font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingFontSize",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:ce,max:40,placeholder:i("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Heading line height"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingLineHeight",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Line height"),prefix:(0,o.jsx)(r.EmIcons,{icon:"LineHeightOutlined",component:t.icons$LineHeightOutlined}),addonAfter:"px"})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Heading letter spacing"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingLetterSpacing",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Letter spacing"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsxs)(t.ui_kit$Space,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:i("Strong"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)({"selected-td-form__button--active":S}),type:"default",name:"headingBold",onClick:se,children:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined})})}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:i("Italic"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)({"selected-td-form__button--active":J}),type:"default",name:"headingItalic",onClick:se,children:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined})})})]})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Heading color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Heading color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Contrast block header color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingContrastColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Heading color"),usedColors:c.usedColors})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Top padding"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingPaddingTop",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Top padding"),prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingTop",component:t.icons$PaddingTop}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Bottom padding"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"headingPaddingBottom",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Bottom padding"),prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingBottom",component:t.icons$PaddingBottom}),addonAfter:"px"})})})})]})]}),(0,o.jsxs)(t.ui_kit$FormSection,{title:i("Links"),dividerTop:!0,children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Link color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"linkColor",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Link color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:i("Underline"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)({"selected-td-form__button--active":te}),type:"default",name:"linkUnderline",onClick:se,children:(0,o.jsx)(r.EmIcons,{icon:"UnderlineOutlined",component:t.icons$UnderlineOutlined})})})})]}),(0,o.jsx)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Link color in contrasting blocks"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"linkContrastColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Link color"),usedColors:c.usedColors})})})})})]}),(0,o.jsxs)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Buttons")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Text & background")]}),dividerTop:!0,children:[(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Buttons font"),placement:"left",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsFontFamily",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ControlFontFamily,{loadGoogleFonts:l,getPopupContainer:q=>q.closest(".email-pane__content-col")})})}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Buttons font size"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsFontSize",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Font size"),prefix:(0,o.jsx)(r.EmIcons,{icon:"FontSizeOutlined",component:t.icons$FontSizeOutlined}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Buttons letter spacing"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsLetterSpacing",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Letter spacing"),prefix:(0,o.jsx)(r.EmIcons,{icon:"ColumnWidthOutlined",component:t.icons$ColumnWidthOutlined}),addonAfter:"px"})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Buttons text color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsColor",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Buttons text color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Button text color in contrasting blocks"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsContrastColor",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Buttons text color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Buttons background color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsBackgroundColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Background color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Button background color in contrasting blocks"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsContrastBackgroundColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Background color"),usedColors:c.usedColors})})})}),k.formButtonFieldTextAlignEnabled&&(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(it,{form:d,elementSettings:{textAlign:"",type:"email"},imgParent:!1,name:"buttonsAlign",withHotKeys:!1})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsxs)(t.ui_kit$Space,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:i("Strong"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)({"selected-td-form__button--active":be}),type:"default",name:"buttonsBold",onClick:se,children:(0,o.jsx)(r.EmIcons,{icon:"BoldOutlined",component:t.icons$BoldOutlined})})}),(0,o.jsx)(t.ui_kit$Tooltip,{placement:"bottom",title:i("Italic"),children:(0,o.jsx)(t.ui_kit$Button,{className:(0,De.default)({"selected-td-form__button--active":xe}),type:"default",name:"buttonsItalic",onClick:se,children:(0,o.jsx)(r.EmIcons,{icon:"ItalicOutlined",component:t.icons$ItalicOutlined})})})]})})]})]}),k.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Buttons")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Borders")]}),dividerTop:!0,children:(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(W.SelectedElementFormBorder,{form:d,borders:b,namePrefix:"buttons_"})})}),k.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Buttons")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Border radius")]}),dividerTop:!0,children:(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(So,{form:d,oneBorderRadiusValue:w,setOneBorderRadiusValue:v,elementSettings:ne,namePrefix:"buttons_"})})}),(0,o.jsx)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Buttons")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Margins")]}),dividerTop:!0,children:(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Top margin"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsMarginTop",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Top margin"),prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingTop",component:t.icons$PaddingTop}),addonAfter:"px"})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Bottom margin"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"buttonsMarginBottom",children:(0,o.jsx)(t.ui_kit$DraggableInputNumber,{min:0,placeholder:i("Bottom margin"),prefix:(0,o.jsx)(r.EmIcons,{icon:"PaddingBottom",component:t.icons$PaddingBottom}),addonAfter:"px"})})})})]})}),(0,o.jsxs)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Cards")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Colors")]}),dividerTop:!0,children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:10,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$FormSection,{title:i("Base colors"),compact:!0,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Base background color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"cardsBaseBackgroundColor",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Base background color"),usedColors:c.usedColors})})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$FormSection,{title:i("Contrasting colors"),compact:!0,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Contrasting background color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"cardsContrastBackgroundColor",style:{marginBottom:h.formItemMarginBottomXS},children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Contrasting background color"),usedColors:c.usedColors})})})})})]}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,style:{paddingBottom:4},children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Base text color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"cardsBaseTextColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Base text color"),usedColors:c.usedColors})})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Tooltip,{trigger:["hover"],title:i("Contrasting text color"),placement:"bottom",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:"cardsContrastTextColor",children:(0,o.jsx)(t.ui_kit$ColorPickerInput,{placeholder:i("Contrasting text color"),usedColors:c.usedColors})})})})]})]}),k.formFieldBorderEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Cards")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Borders")]}),dividerTop:!0,children:(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(W.SelectedElementFormBorder,{form:d,borders:_,namePrefix:"cards_"})})}),k.formFieldBorderRadiusEnabled&&(0,o.jsx)(t.ui_kit$FormSection,{title:(0,o.jsxs)(o.Fragment,{children:[i("Cards")," ",(0,o.jsx)("span",{className:"section-title-bull",children:"•"})," ",i("Border radius")]}),dividerTop:!0,children:(0,o.jsx)("div",{style:{paddingBottom:4},children:(0,o.jsx)(So,{form:d,oneBorderRadiusValue:P,setOneBorderRadiusValue:j,elementSettings:ne,namePrefix:"cards_"})})})]})})},Ji=({email:e})=>{const{__:i}=r.useI18n(),l=e.hasOwnProperty("type")?r.BLOCK:r.EMAIL,[s,a]=(0,n.useState)(r.APPEARANCE),d=r.useAppConfig(),c=x=>a(x||"");e.common_styles&&e.common_styles;const p=l==="email"&&d.commonStylesEnabled&&!0;let f=[{label:(0,o.jsx)(o.Fragment,{children:i(l==="email"?"Global styles":"Block styles")}),key:r.APPEARANCE,forceRender:!0,className:"email-settings__collapse-panel",children:l==="email"?(0,o.jsx)(hs,{className:"email-settings__collapse-panel-content"}):(0,o.jsx)(gs,{className:"email-settings__collapse-panel-content"})}];return p&&f.push({label:(0,o.jsx)(o.Fragment,{children:i("Content styles")}),key:"contentStyles",forceRender:!0,className:"email-settings__collapse-panel",children:(0,o.jsx)(Uc,{className:"email-settings__collapse-panel-content"})}),(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Tabs,{className:"secondary-tabs email-settings__collapse appearance-panel__content-styles",size:"large",activeKey:s,onChange:c,items:f})})};Ji.propTypes={};var Wc=to.__commonJSMin((e=>{var i=["animateMotion","animateTransform","clipPath","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","foreignObject","linearGradient","radialGradient","textPath"].reduce((l,s)=>(l[s.toLowerCase()]=s,l),{});e.CASE_SENSITIVE_TAG_NAMES_MAP=i}));function zc(e){return e.type===Ze.Tag||e.type===Ze.Script||e.type===Ze.Style}var Ze,Gc,Yc,Xc,Kc,qc,Jc,Qc,Zc,eu,Bs=to.__esmMin((()=>{(function(e){e.Root="root",e.Text="text",e.Directive="directive",e.Comment="comment",e.Script="script",e.Style="style",e.Tag="tag",e.CDATA="cdata",e.Doctype="doctype"})(Ze||(Ze={})),Gc=Ze.Root,Yc=Ze.Text,Xc=Ze.Directive,Kc=Ze.Comment,qc=Ze.Script,Jc=Ze.Style,Qc=Ze.Tag,Zc=Ze.CDATA,eu=Ze.Doctype}));function Ss(e){return zc(e)}function Ts(e){return e.type===Ze.CDATA}function Rs(e){return e.type===Ze.Text}function ys(e){return e.type===Ze.Comment}function ws(e){return e.type===Ze.Directive}function js(e){return e.type===Ze.Root}function ou(e){return Object.hasOwn(e,"children")}function Qi(e,i=!1){let l;if(Rs(e))l=new yt(e.data);else if(ys(e))l=new ti(e.data);else if(Ss(e)){const s=i?Zi(e.children):[],a=new li(e.name,{...e.attribs},s);for(const d of s)d.parent=a;e.namespace!=null&&(a.namespace=e.namespace),e["x-attribsNamespace"]&&(a["x-attribsNamespace"]={...e["x-attribsNamespace"]}),e["x-attribsPrefix"]&&(a["x-attribsPrefix"]={...e["x-attribsPrefix"]}),l=a}else if(Ts(e)){const s=i?Zi(e.children):[],a=new ri(s);for(const d of s)d.parent=a;l=a}else if(js(e)){const s=i?Zi(e.children):[],a=new jt(s);for(const d of s)d.parent=a;e["x-mode"]&&(a["x-mode"]=e["x-mode"]),l=a}else if(ws(e)){const s=new ii(e.name,e.data);e["x-name"]!=null&&(s["x-name"]=e["x-name"],s["x-publicId"]=e["x-publicId"],s["x-systemId"]=e["x-systemId"]),l=s}else throw new Error(`Not implemented yet: ${e.type}`);return l.startIndex=e.startIndex,l.endIndex=e.endIndex,e.sourceCodeLocation!=null&&(l.sourceCodeLocation=e.sourceCodeLocation),l}function Zi(e){const i=e.map(l=>Qi(l,!0));for(let l=1;l<i.length;l++)i[l].prev=i[l-1],i[l-1].next=i[l];return i}var oi,Rt,yt,ti,ii,wt,ri,jt,li,vs=to.__esmMin((()=>{Bs(),oi=class{parent=null;prev=null;next=null;startIndex=null;endIndex=null;get parentNode(){return this.parent}set parentNode(e){this.parent=e}get previousSibling(){return this.prev}set previousSibling(e){this.prev=e}get nextSibling(){return this.next}set nextSibling(e){this.next=e}cloneNode(e=!1){return Qi(this,e)}},Rt=class extends oi{data;constructor(e){super(),this.data=e}get nodeValue(){return this.data}set nodeValue(e){this.data=e}},yt=class extends Rt{type=Ze.Text;get nodeType(){return 3}},ti=class extends Rt{type=Ze.Comment;get nodeType(){return 8}},ii=class extends Rt{type=Ze.Directive;name;constructor(e,i){super(i),this.name=e}get nodeType(){return 1}"x-name";"x-publicId";"x-systemId"},wt=class extends oi{children;constructor(e){super(),this.children=e}get firstChild(){return this.children[0]??null}get lastChild(){return this.children.length>0?this.children[this.children.length-1]:null}get childNodes(){return this.children}set childNodes(e){this.children=e}},ri=class extends wt{type=Ze.CDATA;get nodeType(){return 4}},jt=class extends wt{type=Ze.Root;get nodeType(){return 9}},li=class extends wt{name;attribs;type;constructor(e,i,l=[],s=e==="script"?Ze.Script:e==="style"?Ze.Style:Ze.Tag){super(l),this.name=e,this.attribs=i,this.type=s}get nodeType(){return 1}get tagName(){return this.name}set tagName(e){this.name=e}get attributes(){return Object.keys(this.attribs).map(e=>({name:e,value:this.attribs[e],namespace:this["x-attribsNamespace"]?.[e],prefix:this["x-attribsPrefix"]?.[e]}))}namespace;"x-attribsNamespace";"x-attribsPrefix"}})),er=to.__exportAll({CDATA:()=>ri,Comment:()=>ti,DataNode:()=>Rt,Document:()=>jt,DomHandler:()=>tr,Element:()=>li,Node:()=>oi,NodeWithChildren:()=>wt,ProcessingInstruction:()=>ii,Text:()=>yt,cloneNode:()=>Qi,default:()=>tr,hasChildren:()=>ou,isCDATA:()=>Ts,isComment:()=>ys,isDirective:()=>ws,isDocument:()=>js,isTag:()=>Ss,isText:()=>Rs}),or,tr,ir=to.__esmMin((()=>{Bs(),vs(),vs(),or={withStartIndices:!1,withEndIndices:!1,xmlMode:!1},tr=class{dom=[];root=new jt(this.dom);callback;options;elementCB;done=!1;tagStack=[this.root];lastNode=null;parser=null;constructor(e,i,l){typeof i=="function"&&(l=i,i=or),typeof e=="object"&&(i=e,e=void 0),this.callback=e??null,this.options=i??or,this.elementCB=l??null}onparserinit(e){this.parser=e}onreset(){this.dom=[],this.root=new jt(this.dom),this.done=!1,this.tagStack=[this.root],this.lastNode=null,this.parser=null}onend(){this.done||(this.done=!0,this.parser=null,this.handleCallback(null))}onerror(e){this.handleCallback(e)}onclosetag(){this.lastNode=null;const e=this.tagStack.pop();this.options.withEndIndices&&this.parser&&(e.endIndex=this.parser.endIndex),this.elementCB&&this.elementCB(e)}onopentag(e,i){const l=this.options.xmlMode?Ze.Tag:void 0,s=new li(e,i,void 0,l);this.addNode(s),this.tagStack.push(s)}ontext(e){const{lastNode:i}=this;if(i&&i.type===Ze.Text)i.data+=e,this.options.withEndIndices&&this.parser&&(i.endIndex=this.parser.endIndex);else{const l=new yt(e);this.addNode(l),this.lastNode=l}}oncomment(e){if(this.lastNode&&this.lastNode.type===Ze.Comment){this.lastNode.data+=e;return}const i=new ti(e);this.addNode(i),this.lastNode=i}oncommentend(){this.lastNode=null}oncdatastart(){const e=new yt(""),i=new ri([e]);this.addNode(i),e.parent=i,this.lastNode=e}oncdataend(){this.lastNode=null}onprocessinginstruction(e,i){const l=new ii(e,i);this.addNode(l)}handleCallback(e){if(typeof this.callback=="function")this.callback(e,this.dom);else if(e)throw e}addNode(e){const i=this.tagStack[this.tagStack.length-1],l=i.children[i.children.length-1];this.options.withStartIndices&&this.parser&&(e.startIndex=this.parser.startIndex),this.options.withEndIndices&&this.parser&&(e.endIndex=this.parser.endIndex),i.children.push(e),l&&(e.prev=l,l.next=e),e.parent=i,this.lastNode=null}}})),Is=to.__commonJSMin((e=>{var i=Wc(),l=(ir(),to.__toCommonJS(er)),s="\r",a=new RegExp(s,"g"),d=`__HTML_DOM_PARSER_CARRIAGE_RETURN_PLACEHOLDER_${Date.now().toString()}__`,c=new RegExp(d,"g");function p(_){return i.CASE_SENSITIVE_TAG_NAMES_MAP[_]}function f(_){const E={};let w=0;const v=_.length;for(;w<v;w++){const P=_[w];E[P.name]=P.value}return E}function x(_){_=_.toLowerCase();const E=p(_);return E||_}function k(_,E){const w="<"+E,v=_.toLowerCase().indexOf(w);if(v===-1)return!1;const P=_[v+w.length];return P===">"||P===" "||P==="	"||P===`
+`||P==="\r"||P==="/"}function h(_){return _.replace(a,d)}function b(_){return _.replace(c,s)}function R(_,E=null,w){const v=[];let P,j=0;const I=_.length;for(;j<I;j++){const C=_[j];switch(C.nodeType){case 1:{const z=x(C.nodeName);P=new l.Element(z,f(C.attributes)),P.children=R(z==="template"?C.content.childNodes:C.childNodes,P);break}case 3:P=new l.Text(b(C.nodeValue??""));break;case 8:P=new l.Comment(C.nodeValue??"");break;default:continue}const Y=v[j-1]??null;Y&&(Y.next=P),P.parent=E,P.prev=Y,P.next=null,v.push(P)}return w&&(P=new l.ProcessingInstruction(w.substring(0,w.indexOf(" ")).toLowerCase(),w),P.next=v[0]??null,P.parent=E,v.unshift(P),v[1]&&(v[1].prev=v[0])),v}e.escapeSpecialCharacters=h,e.formatDOM=R,e.hasOpenTag=k})),tu=to.__commonJSMin((e=>{var i=Is(),l="html",s="head",a="body",d=/<([a-zA-Z]+[0-9]?)/;function c(_,E){return E?E.createHTML(_):_}var p=(_,E,w)=>{throw new Error("This browser does not support `document.implementation.createHTMLDocument`")},f=(_,E,w)=>{throw new Error("This browser does not support `DOMParser.prototype.parseFromString`")},x=typeof window=="object"&&window.DOMParser;if(typeof x=="function"){const _=new x,E="text/html";f=(w,v,P)=>(v&&(w=`<${v}>${w}</${v}>`),_.parseFromString(w,E)),p=f}if(typeof document=="object"&&document.implementation){const _=document.implementation.createHTMLDocument();p=function(E,w,v){if(w){const P=_.documentElement.querySelector(w);return P&&(P.innerHTML=c(E,v)),_}return _.documentElement.innerHTML=c(E,v),_}}var k=typeof document=="object"&&document.createElement("template"),h;k&&k.content&&(h=(_,E)=>(k.innerHTML=c(_,E),k.content.childNodes));var b=()=>document.createDocumentFragment().childNodes;function R(_,E){_=i.escapeSpecialCharacters(_);const w=d.exec(_)?.[1]?.toLowerCase();switch(w){case l:{const v=f(_);if(!i.hasOpenTag(_,s)){const P=v.querySelector(s);P?.parentNode?.removeChild(P)}if(!i.hasOpenTag(_,a)){const P=v.querySelector(a);P?.parentNode?.removeChild(P)}return v.querySelectorAll(l)}case s:case a:{const v=p(_,void 0,E).querySelectorAll(w);return i.hasOpenTag(_,a)&&i.hasOpenTag(_,s)?v[0].parentNode?.childNodes??b():v}default:return h?h(_,E):p(_,a,E).querySelector(a)?.childNodes??b()}}e.default=R})),iu=to.__commonJSMin((e=>{Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var i=Is(),l=tu(),s=/<(![a-zA-Z\s]+)>/;function a(d,c){if(typeof d!="string")throw new TypeError("First argument must be a string");if(!d)return[];const p=s.exec(d),f=p?p[1]:void 0;return i.formatDOM(l.default(d,c?.trustedTypePolicy),null,f)}e.default=a})),ru=to.__commonJSMin((e=>{var i=0;e.SAME=i;var l=1;e.CAMELCASE=l,e.possibleStandardNames={accept:0,acceptCharset:1,"accept-charset":"acceptCharset",accessKey:1,action:0,allowFullScreen:1,alt:0,as:0,async:0,autoCapitalize:1,autoComplete:1,autoCorrect:1,autoFocus:1,autoPlay:1,autoSave:1,capture:0,cellPadding:1,cellSpacing:1,challenge:0,charSet:1,checked:0,children:0,cite:0,class:"className",classID:1,className:1,cols:0,colSpan:1,content:0,contentEditable:1,contextMenu:1,controls:0,controlsList:1,coords:0,crossOrigin:1,dangerouslySetInnerHTML:1,data:0,dateTime:1,default:0,defaultChecked:1,defaultValue:1,defer:0,dir:0,disabled:0,disablePictureInPicture:1,disableRemotePlayback:1,download:0,draggable:0,encType:1,enterKeyHint:1,for:"htmlFor",form:0,formMethod:1,formAction:1,formEncType:1,formNoValidate:1,formTarget:1,frameBorder:1,headers:0,height:0,hidden:0,high:0,href:0,hrefLang:1,htmlFor:1,httpEquiv:1,"http-equiv":"httpEquiv",icon:0,id:0,innerHTML:1,inputMode:1,integrity:0,is:0,itemID:1,itemProp:1,itemRef:1,itemScope:1,itemType:1,keyParams:1,keyType:1,kind:0,label:0,lang:0,list:0,loop:0,low:0,manifest:0,marginWidth:1,marginHeight:1,max:0,maxLength:1,media:0,mediaGroup:1,method:0,min:0,minLength:1,multiple:0,muted:0,name:0,noModule:1,nonce:0,noValidate:1,open:0,optimum:0,pattern:0,placeholder:0,playsInline:1,poster:0,preload:0,profile:0,radioGroup:1,readOnly:1,referrerPolicy:1,rel:0,required:0,reversed:0,role:0,rows:0,rowSpan:1,sandbox:0,scope:0,scoped:0,scrolling:0,seamless:0,selected:0,shape:0,size:0,sizes:0,span:0,spellCheck:1,src:0,srcDoc:1,srcLang:1,srcSet:1,start:0,step:0,style:0,summary:0,tabIndex:1,target:0,title:0,type:0,useMap:1,value:0,width:0,wmode:0,wrap:0,about:0,accentHeight:1,"accent-height":"accentHeight",accumulate:0,additive:0,alignmentBaseline:1,"alignment-baseline":"alignmentBaseline",allowReorder:1,alphabetic:0,amplitude:0,arabicForm:1,"arabic-form":"arabicForm",ascent:0,attributeName:1,attributeType:1,autoReverse:1,azimuth:0,baseFrequency:1,baselineShift:1,"baseline-shift":"baselineShift",baseProfile:1,bbox:0,begin:0,bias:0,by:0,calcMode:1,capHeight:1,"cap-height":"capHeight",clip:0,clipPath:1,"clip-path":"clipPath",clipPathUnits:1,clipRule:1,"clip-rule":"clipRule",color:0,colorInterpolation:1,"color-interpolation":"colorInterpolation",colorInterpolationFilters:1,"color-interpolation-filters":"colorInterpolationFilters",colorProfile:1,"color-profile":"colorProfile",colorRendering:1,"color-rendering":"colorRendering",contentScriptType:1,contentStyleType:1,cursor:0,cx:0,cy:0,d:0,datatype:0,decelerate:0,descent:0,diffuseConstant:1,direction:0,display:0,divisor:0,dominantBaseline:1,"dominant-baseline":"dominantBaseline",dur:0,dx:0,dy:0,edgeMode:1,elevation:0,enableBackground:1,"enable-background":"enableBackground",end:0,exponent:0,externalResourcesRequired:1,fill:0,fillOpacity:1,"fill-opacity":"fillOpacity",fillRule:1,"fill-rule":"fillRule",filter:0,filterRes:1,filterUnits:1,floodOpacity:1,"flood-opacity":"floodOpacity",floodColor:1,"flood-color":"floodColor",focusable:0,fontFamily:1,"font-family":"fontFamily",fontSize:1,"font-size":"fontSize",fontSizeAdjust:1,"font-size-adjust":"fontSizeAdjust",fontStretch:1,"font-stretch":"fontStretch",fontStyle:1,"font-style":"fontStyle",fontVariant:1,"font-variant":"fontVariant",fontWeight:1,"font-weight":"fontWeight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:1,"glyph-name":"glyphName",glyphOrientationHorizontal:1,"glyph-orientation-horizontal":"glyphOrientationHorizontal",glyphOrientationVertical:1,"glyph-orientation-vertical":"glyphOrientationVertical",glyphRef:1,gradientTransform:1,gradientUnits:1,hanging:0,horizAdvX:1,"horiz-adv-x":"horizAdvX",horizOriginX:1,"horiz-origin-x":"horizOriginX",ideographic:0,imageRendering:1,"image-rendering":"imageRendering",in2:0,in:0,inlist:0,intercept:0,k1:0,k2:0,k3:0,k4:0,k:0,kernelMatrix:1,kernelUnitLength:1,kerning:0,keyPoints:1,keySplines:1,keyTimes:1,lengthAdjust:1,letterSpacing:1,"letter-spacing":"letterSpacing",lightingColor:1,"lighting-color":"lightingColor",limitingConeAngle:1,local:0,markerEnd:1,"marker-end":"markerEnd",markerHeight:1,markerMid:1,"marker-mid":"markerMid",markerStart:1,"marker-start":"markerStart",markerUnits:1,markerWidth:1,mask:0,maskContentUnits:1,maskUnits:1,mathematical:0,mode:0,numOctaves:1,offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:1,"overline-position":"overlinePosition",overlineThickness:1,"overline-thickness":"overlineThickness",paintOrder:1,"paint-order":"paintOrder",panose1:0,"panose-1":"panose1",pathLength:1,patternContentUnits:1,patternTransform:1,patternUnits:1,pointerEvents:1,"pointer-events":"pointerEvents",points:0,pointsAtX:1,pointsAtY:1,pointsAtZ:1,prefix:0,preserveAlpha:1,preserveAspectRatio:1,primitiveUnits:1,property:0,r:0,radius:0,refX:1,refY:1,renderingIntent:1,"rendering-intent":"renderingIntent",repeatCount:1,repeatDur:1,requiredExtensions:1,requiredFeatures:1,resource:0,restart:0,result:0,results:0,rotate:0,rx:0,ry:0,scale:0,security:0,seed:0,shapeRendering:1,"shape-rendering":"shapeRendering",slope:0,spacing:0,specularConstant:1,specularExponent:1,speed:0,spreadMethod:1,startOffset:1,stdDeviation:1,stemh:0,stemv:0,stitchTiles:1,stopColor:1,"stop-color":"stopColor",stopOpacity:1,"stop-opacity":"stopOpacity",strikethroughPosition:1,"strikethrough-position":"strikethroughPosition",strikethroughThickness:1,"strikethrough-thickness":"strikethroughThickness",string:0,stroke:0,strokeDasharray:1,"stroke-dasharray":"strokeDasharray",strokeDashoffset:1,"stroke-dashoffset":"strokeDashoffset",strokeLinecap:1,"stroke-linecap":"strokeLinecap",strokeLinejoin:1,"stroke-linejoin":"strokeLinejoin",strokeMiterlimit:1,"stroke-miterlimit":"strokeMiterlimit",strokeWidth:1,"stroke-width":"strokeWidth",strokeOpacity:1,"stroke-opacity":"strokeOpacity",suppressContentEditableWarning:1,suppressHydrationWarning:1,surfaceScale:1,systemLanguage:1,tableValues:1,targetX:1,targetY:1,textAnchor:1,"text-anchor":"textAnchor",textDecoration:1,"text-decoration":"textDecoration",textLength:1,textRendering:1,"text-rendering":"textRendering",to:0,transform:0,typeof:0,u1:0,u2:0,underlinePosition:1,"underline-position":"underlinePosition",underlineThickness:1,"underline-thickness":"underlineThickness",unicode:0,unicodeBidi:1,"unicode-bidi":"unicodeBidi",unicodeRange:1,"unicode-range":"unicodeRange",unitsPerEm:1,"units-per-em":"unitsPerEm",unselectable:0,vAlphabetic:1,"v-alphabetic":"vAlphabetic",values:0,vectorEffect:1,"vector-effect":"vectorEffect",version:0,vertAdvY:1,"vert-adv-y":"vertAdvY",vertOriginX:1,"vert-origin-x":"vertOriginX",vertOriginY:1,"vert-origin-y":"vertOriginY",vHanging:1,"v-hanging":"vHanging",vIdeographic:1,"v-ideographic":"vIdeographic",viewBox:1,viewTarget:1,visibility:0,vMathematical:1,"v-mathematical":"vMathematical",vocab:0,widths:0,wordSpacing:1,"word-spacing":"wordSpacing",writingMode:1,"writing-mode":"writingMode",x1:0,x2:0,x:0,xChannelSelector:1,xHeight:1,"x-height":"xHeight",xlinkActuate:1,"xlink:actuate":"xlinkActuate",xlinkArcrole:1,"xlink:arcrole":"xlinkArcrole",xlinkHref:1,"xlink:href":"xlinkHref",xlinkRole:1,"xlink:role":"xlinkRole",xlinkShow:1,"xlink:show":"xlinkShow",xlinkTitle:1,"xlink:title":"xlinkTitle",xlinkType:1,"xlink:type":"xlinkType",xmlBase:1,"xml:base":"xmlBase",xmlLang:1,"xml:lang":"xmlLang",xmlns:0,"xml:space":"xmlSpace",xmlnsXlink:1,"xmlns:xlink":"xmlnsXlink",xmlSpace:1,y1:0,y2:0,y:0,yChannelSelector:1,z:0,zoomAndPan:1}})),lu=to.__commonJSMin((e=>{var i=0,l=1,s=2,a=3,d=4,c=5,p=6;function f(j){return k.hasOwnProperty(j)?k[j]:null}function x(j,I,C,Y,z,O,N){this.acceptsBooleans=I===s||I===a||I===d,this.attributeName=Y,this.attributeNamespace=z,this.mustUseProperty=C,this.propertyName=j,this.type=I,this.sanitizeURL=O,this.removeEmptyString=N}var k={};["children","dangerouslySetInnerHTML","defaultValue","defaultChecked","innerHTML","suppressContentEditableWarning","suppressHydrationWarning","style"].forEach(j=>{k[j]=new x(j,i,!1,j,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(([j,I])=>{k[j]=new x(j,l,!1,I,null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(j=>{k[j]=new x(j,s,!1,j.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(j=>{k[j]=new x(j,s,!1,j,null,!1,!1)}),["allowFullScreen","async","autoFocus","autoPlay","controls","default","defer","disabled","disablePictureInPicture","disableRemotePlayback","formNoValidate","hidden","loop","noModule","noValidate","open","playsInline","readOnly","required","reversed","scoped","seamless","itemScope"].forEach(j=>{k[j]=new x(j,a,!1,j.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(j=>{k[j]=new x(j,a,!0,j,null,!1,!1)}),["capture","download"].forEach(j=>{k[j]=new x(j,d,!1,j,null,!1,!1)}),["cols","rows","size","span"].forEach(j=>{k[j]=new x(j,p,!1,j,null,!1,!1)}),["rowSpan","start"].forEach(j=>{k[j]=new x(j,c,!1,j.toLowerCase(),null,!1,!1)});var h=/[\-\:]([a-z])/g,b=j=>j[1].toUpperCase();["accent-height","alignment-baseline","arabic-form","baseline-shift","cap-height","clip-path","clip-rule","color-interpolation","color-interpolation-filters","color-profile","color-rendering","dominant-baseline","enable-background","fill-opacity","fill-rule","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","glyph-name","glyph-orientation-horizontal","glyph-orientation-vertical","horiz-adv-x","horiz-origin-x","image-rendering","letter-spacing","lighting-color","marker-end","marker-mid","marker-start","overline-position","overline-thickness","paint-order","panose-1","pointer-events","rendering-intent","shape-rendering","stop-color","stop-opacity","strikethrough-position","strikethrough-thickness","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","text-anchor","text-decoration","text-rendering","underline-position","underline-thickness","unicode-bidi","unicode-range","units-per-em","v-alphabetic","v-hanging","v-ideographic","v-mathematical","vector-effect","vert-adv-y","vert-origin-x","vert-origin-y","word-spacing","writing-mode","xmlns:xlink","x-height"].forEach(j=>{const I=j.replace(h,b);k[I]=new x(I,l,!1,j,null,!1,!1)}),["xlink:actuate","xlink:arcrole","xlink:role","xlink:show","xlink:title","xlink:type"].forEach(j=>{const I=j.replace(h,b);k[I]=new x(I,l,!1,j,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(j=>{const I=j.replace(h,b);k[I]=new x(I,l,!1,j,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(j=>{k[j]=new x(j,l,!1,j.toLowerCase(),null,!1,!1)});var R="xlinkHref";k[R]=new x("xlinkHref",l,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(j=>{k[j]=new x(j,l,!1,j.toLowerCase(),null,!0,!0)});var{CAMELCASE:_,SAME:E,possibleStandardNames:w}=ru(),v=RegExp.prototype.test.bind(new RegExp("^(data|aria)-[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$")),P=Object.keys(w).reduce((j,I)=>{const C=w[I];return C===E?j[I]=I:C===_?j[I.toLowerCase()]=I:j[I]=C,j},{});e.BOOLEAN=a,e.BOOLEANISH_STRING=s,e.NUMERIC=c,e.OVERLOADED_BOOLEAN=d,e.POSITIVE_NUMERIC=p,e.RESERVED=i,e.STRING=l,e.getPropertyInfo=f,e.isCustomAttribute=v,e.possibleStandardNames=P}));function su(e,i){if(typeof e!="string")throw new TypeError("First argument must be a string");if(!e)return[];i=i||{};var l=1,s=1;function a(_){var E=_.match(Ps);E&&(l+=E.length);var w=_.lastIndexOf(Ms);s=~w?_.length-w:s+_.length}function d(){var _={line:l,column:s};return function(E){return E.position=new c(_),x(),E}}function c(_){this.start=_,this.end={line:l,column:s},this.source=i.source}c.prototype.content=e;function p(_){var E=new Error(i.source+":"+l+":"+s+": "+_);if(E.reason=_,E.filename=i.source,E.line=l,E.column=s,E.source=e,!i.silent)throw E}function f(_){var E=_.exec(e);if(E){var w=E[0];return a(w),e=e.slice(w.length),E}}function x(){f(As)}function k(_){var E;for(_=_||[];E=h();)E!==!1&&_.push(E);return _}function h(){var _=d();if(!(lr!=e.charAt(0)||sr!=e.charAt(1))){for(var E=2;Ko!=e.charAt(E)&&(sr!=e.charAt(E)||lr!=e.charAt(E+1));)++E;if(E+=2,Ko===e.charAt(E-1))return p("End of comment missing");var w=e.slice(2,E-2);return s+=2,a(w),e=e.slice(E),s+=2,_({type:Ds,comment:w})}}function b(){var _=d(),E=f(Ns);if(E){if(h(),!f(Ls))return p("property missing ':'");var w=f(Os),v=_({type:Vs,property:Cs(E[0].replace(rr,Ko)),value:w?Cs(w[0].replace(rr,Ko)):Ko});return f($s),v}}function R(){var _=[];k(_);for(var E;E=b();)E!==!1&&(_.push(E),k(_));return _}return x(),R()}function Cs(e){return e?e.replace(Fs,Ko):Ko}var rr,Ps,As,Ns,Ls,Os,$s,Fs,Ms,lr,sr,Ko,Ds,Vs,au=to.__esmMin((()=>{rr=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,Ps=/\n/g,As=/^\s*/,Ns=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,Ls=/^:\s*/,Os=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,$s=/^[;\s]*/,Fs=/^\s+|\s+$/g,Ms=`
+`,lr="/",sr="*",Ko="",Ds="comment",Vs="declaration"}));function nu(e,i){let l=null;if(!e||typeof e!="string")return l;const s=su(e),a=typeof i=="function";return s.forEach(d=>{if(d.type!=="declaration")return;const{property:c,value:p}=d;a?i(c,p,d):p&&(l=l??{},l[c]=p)}),l}var du=to.__esmMin((()=>{au()})),cu=to.__exportAll({default:()=>uu});function uu(e,i){const l={};return!e||typeof e!="string"||nu(e,(s,a)=>{s&&a&&(l[Ks(s,i)]=a)}),l}var Hs,Us,Ws,zs,Gs,Ys,Xs,ar,Ks,mu=to.__esmMin((()=>{du(),Hs=/^--[a-zA-Z0-9_-]+$/,Us=/-([a-z])/g,Ws=/^[^-]+$/,zs=/^-(webkit|moz|ms|o|khtml)-/,Gs=/^-(ms)-/,Ys=e=>!e||Ws.test(e)||Hs.test(e),Xs=(e,i)=>i.toUpperCase(),ar=(e,i)=>`${i}-`,Ks=(e,i={})=>Ys(e)?e:(e=e.toLowerCase(),i.reactCompat?e=e.replace(Gs,ar):e=e.replace(zs,ar),e.replace(Us,Xs))})),qs=to.__commonJSMin((e=>{var i=e&&e.__importDefault||function(k){return k&&k.__esModule?k:{default:k}};Object.defineProperty(e,"__esModule",{value:!0}),e.returnFirstArg=e.canTextBeChildOfNode=e.ELEMENTS_WITH_NO_TEXT_CHILDREN=e.PRESERVE_CUSTOM_ATTRIBUTES=void 0,e.isCustomComponent=d,e.setStyleProp=p;var l=fo("react"),s=i((mu(),to.__toCommonJS(cu))),a=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"]);function d(k,h){return k.includes("-")?!a.has(k):!!(h&&typeof h.is=="string")}var c={reactCompat:!0};function p(k,h){if(typeof k=="string"){if(!k.trim()){h.style={};return}try{h.style=(0,s.default)(k,c)}catch{h.style={}}}}e.PRESERVE_CUSTOM_ATTRIBUTES=Number(l.version.split(".")[0])>=16,e.ELEMENTS_WITH_NO_TEXT_CHILDREN=new Set(["tr","tbody","thead","tfoot","colgroup","table","head","html","frameset"]);var f=k=>!e.ELEMENTS_WITH_NO_TEXT_CHILDREN.has(k.name);e.canTextBeChildOfNode=f;var x=k=>k;e.returnFirstArg=x})),Js=to.__commonJSMin((e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=c;var i=lu(),l=qs(),s=["checked","value"],a=["input","select","textarea"],d={reset:!0,submit:!0};function c(f={},x){const k={},h=!!(f.type&&d[f.type]);for(const b in f){const R=f[b];if((0,i.isCustomAttribute)(b)){k[b]=R;continue}const _=b.toLowerCase();let E=p(_);if(E){const w=(0,i.getPropertyInfo)(E);switch(s.includes(E)&&a.includes(x)&&!h&&(E=p("default"+_)),k[E]=R,w?.type){case i.BOOLEAN:k[E]=!0;break;case i.OVERLOADED_BOOLEAN:R===""&&(k[E]=!0)}continue}l.PRESERVE_CUSTOM_ATTRIBUTES&&(k[b]=R)}return(0,l.setStyleProp)(f.style,k),k}function p(f){return i.possibleStandardNames[f]}})),pu=to.__commonJSMin((e=>{var i=e&&e.__importDefault||function(k){return k&&k.__esModule?k:{default:k}};Object.defineProperty(e,"__esModule",{value:!0}),e.default=p;var l=(ir(),to.__toCommonJS(er)),s=fo("react"),a=i(Js()),d=qs(),c={cloneElement:s.cloneElement,createElement:s.createElement,isValidElement:s.isValidElement};function p(k,h={}){var b,R,_,E,w;const v=[],P=typeof h.replace=="function",j=(b=h.transform)!==null&&b!==void 0?b:d.returnFirstArg,{cloneElement:I,createElement:C,isValidElement:Y}=(R=h.library)!==null&&R!==void 0?R:c,z=k.length;f(k);for(let O=0;O<z;O++){const N=k[O];if(P){let re=(_=h.replace)===null||_===void 0?void 0:_.call(h,N,O);if(Y(re)){z>1&&(re=I(re,{key:(E=re.key)!==null&&E!==void 0?E:O})),v.push(j(re,N,O));continue}}if(N.type==="text"){const re=!N.data.trim().length;if(re&&N.parent&&!(0,d.canTextBeChildOfNode)(N.parent)||h.trim&&re)continue;v.push(j(N.data,N,O));continue}const S=N;let Q={};x(S)?((0,d.setStyleProp)(S.attribs.style,S.attribs),Q=S.attribs):S.attribs&&(Q=(0,a.default)(S.attribs,S.name));let J;switch(N.type){case"script":case"style":N.children[0]&&(Q.dangerouslySetInnerHTML={__html:N.children[0].data});break;case"tag":N.name==="textarea"&&N.children[0]?Q.defaultValue=N.children[0].data:!((w=N.children)===null||w===void 0)&&w.length&&(J=p(N.children,h));break;default:continue}z>1&&(Q.key=O),v.push(j(C(N.name,Q,J),N,O))}return v.length===1?v[0]:v}function f(k){for(const h of k)(h.type==="tag"||h.type==="script"||h.type==="style")&&(Object.setPrototypeOf(h,l.Element.prototype),f(h.children))}function x(k){return d.PRESERVE_CUSTOM_ATTRIBUTES&&k.type==="tag"&&(0,d.isCustomComponent)(k.name,k.attribs)}})),hu=to.__commonJSMin((e=>{var i=e&&e.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(e,"__esModule",{value:!0}),e.htmlToDOM=e.domToReact=e.attributesToProps=e.Text=e.ProcessingInstruction=e.Element=e.Comment=void 0,e.default=p;var l=i(iu());e.htmlToDOM=l.default;var s=i(Js());e.attributesToProps=s.default;var a=i(pu());e.domToReact=a.default;var d=(ir(),to.__toCommonJS(er));Object.defineProperty(e,"Comment",{enumerable:!0,get:function(){return d.Comment}}),Object.defineProperty(e,"Element",{enumerable:!0,get:function(){return d.Element}}),Object.defineProperty(e,"ProcessingInstruction",{enumerable:!0,get:function(){return d.ProcessingInstruction}}),Object.defineProperty(e,"Text",{enumerable:!0,get:function(){return d.Text}});var c={lowerCaseAttributeNames:!1};function p(f,x){var k;if(typeof f!="string")throw new TypeError("First argument must be a string");if(!f)return[];const h=Object.assign(Object.assign({},(k=x?.htmlparser2)!==null&&k!==void 0?k:c),{trustedTypePolicy:x?.trustedTypePolicy});return(0,a.default)((0,l.default)(f,h),x)}})),mt=to.__toESM(hu(),1),bu=mt.default.default||mt.default,fu={subject:"insert_generated_subject",preheader:"insert_generated_preheader"};function Qs(e,i,l){l.document&&(r.writeEmailAttributes(l.document,{[e]:i}),l.pushToDataLayer({event:"submit",action:fu[e],entity_type:l.entityType,entity_id:l.entityId,project_id:l.projectId,context:"editor"}))}function nr({limitsInPlugin:e,hostedAiActive:i}){return e&&!i}function Zs({limitsInPlugin:e,hostedAiActive:i,counter:l,limit:s}){return nr({limitsInPlugin:e,hostedAiActive:i})?s>0&&l>=s:!1}function ea(e,i){if(!i||typeof e!="string")return i||e;const l=i.trim();if(!l)return e;if(/^\s*<!DOCTYPE/i.test(l)||/^\s*<\s*html[\s>]/i.test(l))return i;try{const s=new DOMParser().parseFromString(e,"text/html"),a=s.querySelector("editor");if(a){a.innerHTML=i;const d=e.match(/^[\s\uFEFF]*<!DOCTYPE[^>]*>/i);return`${d?`${d[0]}
+`:""}${s.documentElement.outerHTML}`}}catch{}return i}var gu=e=>{const{__:i}=r.useI18n();return[{key:"📧",label:(0,o.jsxs)("div",{onClick:()=>{e("theme-and-preheader-generator")},children:["📧 ",i("Subject line & preheader generator")]})},{key:"🌎",label:(0,o.jsxs)("div",{onClick:()=>{e("translator")},children:["🌎 ",i("Translator")]})},{key:"📄",label:(0,o.jsxs)("div",{onClick:()=>{e("writer")},children:["📄 ",i("Copywriter")]})},{key:"🔎",label:(0,o.jsxs)("div",{onClick:()=>{e("corrector")},children:["🔎 ",i("Proofreader")]})},{key:"🧠",label:(0,o.jsxs)("div",{onClick:()=>{e("psychologist")},children:["🧠 ",i("Psychologist")]})},{key:"📈",label:(0,o.jsxs)("div",{onClick:()=>{e("marketolog")},children:["📈 ",i("Marketer")]})},{key:"✨",label:(0,o.jsxs)("div",{onClick:()=>{e("email-generator")},children:["✨ ",i("Email generator")]})}]},_u={background:r.emCssVar("colorInfo"),color:"#ffffff"},oa=({messages:e,newEmailAiGeneratorRef:i})=>{const l=r.useElementEntityKind(),{document:s}=r.useDocumentSessionContext(),a=r.useContentReader(),d=r.useContentReplacer(),{__:c,_n:p}=r.useI18n(),f=r.useDispatch(),x=r.useAppNavigate(),k=(0,n.useRef)(null),h=r.useAppConfig(),b=r.useNotification(),R=r.useEditorProjectId(),_=r.useOpenEmailId(),E=r.usePushToDataLayer(),w={document:s,pushToDataLayer:E,entityType:l==="block"?"block":"email",entityId:_,projectId:R},v=r.useEventEmitter(xo.events.ON_LIMIT_ID),[P,j]=(0,n.useState)(null),[I,C]=(0,n.useState)(0),[Y,z]=(0,n.useState)(!1),[O,N]=(0,n.useState)(""),[S,Q]=(0,n.useState)([]),[J,re]=(0,n.useState)(!1),[te,pe]=(0,n.useState)(!1),[be,ae]=(0,n.useState)(null),[xe,Ie]=(0,n.useState)(0),[ne,Fe]=(0,n.useState)(null),je=r.useEmailAttribute("subject"),le=r.useEmailAttribute("preheader"),Ee=r.useCurrentUser(),ce=r.toLanguageCode(r.useInterfaceLocale()),ee=Ee.avatar_urls?.[24],ue=[Ee.first_name,Ee.last_name].filter(Boolean).join(" ")||Ee.username,se=r.useMessageService(),[Z]=r.useLazyGetDialogQuery(),q=r.useSendPostMessage(),[G,X]=r.useSendMessageMutation(),[ie,{reset:Be}]=r.useGetAiGenerateStatusMutation(),[ge,{data:Pe=[]}]=r.useLazyGetGeneratedContentQuery(),[Re]=r.useLazyGetLimitsStatsByTypeQuery(),Le={cursor:Y?"not-allowed":"default",pointerEvents:Y?"none":"auto"};(0,n.useEffect)(()=>{ne&&J&&(i.current=!0),J||(i.current=!1)},[ne,J]);const K=!!(h.limits&&h.counters)&&!0,{limits:de}=h.limits?h:{limits:{ai_limit:0,ai_generator_limit:0}},{ai_limit:ve,ai_generator_limit:H}=de,Te=r.useEventEmitter(xo.events.AI_TEXT_REQUEST_ID).hasListeners(),we=nr({limitsInPlugin:K,hostedAiActive:Te}),Ae=Zs({limitsInPlugin:K,hostedAiActive:Te,counter:I,limit:ve}),Ve=Zs({limitsInPlugin:K,hostedAiActive:Te,counter:xe,limit:H}),Me=(0,n.useCallback)(()=>{v.fire({name:"AiChatCount",count:I+1})},[v,I]),He=(0,n.useCallback)(()=>{v.fire({name:"AiGeneratorCount",count:xe+1})},[v,xe]),D=(0,n.useCallback)(async B=>!0,[c,Re,b]);(0,n.useEffect)(()=>{K&&(C(h?.counters?.ai_counter||0),Ie(h?.counters?.ai_generator_counter||0))},[h,K]),(0,n.useEffect)(()=>{Fe(S.length<=0?!1:S.toReversed().find(T=>T.data?.context)?.data.context==="email-generator")},[S]);const me=(0,n.useCallback)(async()=>await se.sendAsync(r.EVENT_TYPES.SANDBOX_IS_EMAIL_EMPTY),[se]),V=(0,n.useCallback)(()=>{const B=k.current?.closest(".ant-tabs-content.ant-tabs-content-top");setTimeout(()=>{B?.scrollTo({top:B.scrollHeight,behavior:"smooth"})},0)},[k]),oe=(0,n.useCallback)(()=>{r.swallowPromiseRejection(Z({entity_id:_}).then(B=>{Q(B.data.documents),V()}))},[_,Z,Q,V]),ke=(0,n.useCallback)(B=>{if(!B?.data?._eventResult)return!1;const{aiMessage:T,aiHtml:m}=B.data;if(Q($=>{const U=[...$];for(let ye=U.length-1;ye>=0;ye--)if(U[ye]?.data?.isLoading&&U[ye]?.data?.role==="assistant"){U[ye]={data:{role:"assistant",message:T,isLoading:!1}};break}return U}),m){const $=ea(a(),String(m));d($,{undoable:!0})}return V(),!0},[a,d,V]),$e=(0,n.useCallback)(B=>{Q(T=>{for(let m=T.length-1;m>=0;m--)if(T[m]?.data?.isLoading&&T[m]?.data?.role==="assistant"){const $=[...T];return B?$[m]={data:{role:"assistant",message:B}}:$.splice(m,1),$}return T})},[]),ze=(0,n.useCallback)(B=>{const T=B?.message==="ERROR"?void 0:B?.message;return[B?.data?.message,T].find(m=>typeof m=="string"&&m)||c("Something went wrong.")},[c]),Ge=r.useEventEmitter(xo.events.AI_TEXT_PROGRESS_ID);(0,n.useEffect)(()=>{const B=Ge.event(({progress:T,status:m})=>{const $=m||`${Math.round(T)}%`;Q(U=>{const ye=[...U];for(let he=ye.length-1;he>=0;he--)if(ye[he]?.data?.isLoading&&ye[he]?.data?.role==="assistant"){ye[he]={data:{...ye[he].data,message:$}};break}return ye})});return()=>B.dispose()},[Ge]);const Ye=r.useEventEmitter(xo.events.AI_TEXT_STREAM_ID);(0,n.useEffect)(()=>{const B=Ye.event(({partialHtml:T})=>{const m=ea(a(),String(T));d(m,{undoable:!0})});return()=>B.dispose()},[Ye,a,d,f]);const F=(0,n.useCallback)(B=>{re(!0),z(!0),r.swallowPromiseRejection(ie({task_id:B||P,entity_id:_,status:"started"}).then(()=>{oe()}))},[_,ie,P,oe]),L=(0,n.useCallback)(()=>{ie({task_id:P,entity_id:_,status:"completed"}).then(B=>{B.data.status===403&&Be(),oe()}).catch(B=>{}),z(!1),re(!1)},[_,ie,P,oe,Be]);(0,n.useEffect)(()=>{let B;if(J){const T=Pe[Pe.length-1]?.processing?.email;if(T){let m=Pe[Pe.length-1].status;d(String(T),{undoable:!0}),m===0&&L()}be&&(clearInterval(B),re(!1),ae(!1))}return()=>{clearInterval(B)}},[d,be,f,Pe,J,je,le,_,P,oe,ie,X,L]),(0,n.useEffect)(V,[V]),(0,n.useEffect)(()=>{e?.length>0&&Q(e),q({operation:r.EVENT_TYPES.SANDBOX_EMAIL_CONTENT_GET})},[e,q]),(0,n.useEffect)(()=>{const B=se.onInit(()=>{se.send({operation:r.EVENT_TYPES.SANDBOX_LOCK_EDIT,data:Y}),se.send({operation:r.EVENT_TYPES.SANDBOX_LOCK_DISCUSS,value:Y})});return()=>B.dispose()},[Y,se]);const y=async()=>{if(O){const B=O.replaceAll(/\n/g,"<br>"),T={project_id:R,connection:"chat",entity_id:_,message:B,locale:ce,subject:je||"",preheader:le||"",textContent:di.extractDocumentTextContent(a())};if(ne&&Ve||Ae){b.error({title:c(ne?"You have reached the limit of AI generator usage.":"You have reached the limit of AI chat usage."),description:c("Please upgrade your plan.")});const m={data:{role:"assistant",message:c(ne?"You have reached the limit of AI generator usage.":"You have reached the limit of AI chat usage.")}};Q($=>[...$,m])}else{if(!await D(ne?"email_generate":"ai")){N("");return}we&&(ne&&xe!==H?(He(),Ie($=>$+1)):I!==ve&&(Me(),C($=>$+1))),E({event:"submit_form",action:"chat_whit_ai_assistant",entity_id:T.entity_id,project_id:T.project_id});const m=[{data:{role:"user",message:B,userInfo:{display_name:ue,avatar_url:ee}}},{data:{role:"assistant",message:c("Typing..."),isLoading:!0}}];Q($=>[...$,...m]),G({body:T}).then($=>{if($?.error)throw $.error;if(!$?.data||$.data.status===401)throw new Error(r.ERROR);if(!ke($)){if(E({event:"submit",action:"send_discussion_chat_message",entity_type:l==="block"?"block":"email",entity_id:_,project_id:R,context:"editor"}),$.data.task_id){let U=$.data.task_id;j(U),ge({id:U,setError:ae}),r.swallowPromiseRejection(me().then(ye=>{ye?F(U):pe(!0)}))}oe()}}).catch($=>{const U=ze($);b.error({title:$?.data?.code||c("Error"),description:U}),$e(U)})}N("")}},M=async B=>{const T={data:{role:"assistant",message:c("Typing..."),isLoading:!0}};Q($=>[...$,T]);const m={project_id:R,connection:"chat",entity_id:_,context:B,locale:ce,subject:je||"",preheader:le||"",textContent:di.extractDocumentTextContent(a())};if(we&&(ne&&xe!==H?(He(),Ie($=>$+1)):I!==ve&&(Me(),C($=>$+1))),Ae)b.error({title:c("You have reached the limit of AI chat usage."),description:c("Please upgrade your plan.")}),$e(c("You have reached the limit of AI chat usage."));else{if(!await D("ai")){$e();return}E({event:"select",action:"select_ai_assistant_role",context:m.context,entity_id:m.entity_id,project_id:m.project_id}),G({body:m}).then($=>{if($?.error)throw $.error;if(!$?.data||$.data.status===401)throw new Error(r.ERROR);ke($)||oe()}).catch($=>{const U=ze($);b.error({title:$?.data?.code||c("Error"),description:U}),$e(U)})}},fe=(0,n.useCallback)(async B=>{const T={data:{role:"user",message:B,userInfo:{display_name:ue,avatar_url:ee}}},m={data:{role:"assistant",message:c("Typing..."),isLoading:!0}};Q(U=>[...U,T,m]);const $={project_id:R,connection:"chat",entity_id:_,message:B,locale:ce,subject:je||"",preheader:le||"",textContent:di.extractDocumentTextContent(a())};if(Ve)b.error({title:c("You have reached the limit of AI generator usage."),description:c("Please upgrade your plan.")}),$e(c("You have reached the limit of AI chat usage."));else{if(!await D(ne?"email_generate":"ai")){$e();return}G({body:$}).then(U=>{if(U?.error)throw U.error;if(!U?.data||U.data.status===401)throw new Error(r.ERROR);if(!ke(U)){if(E({event:"submit",action:"send_discussion_chat_message",entity_type:l==="block"?"block":"email",entity_id:_,project_id:R,context:"editor"}),U.data.task_id){let ye=U.data.task_id;j(ye),ge({id:ye,setError:ae}),r.swallowPromiseRejection(me().then(he=>{he?F(ye):pe(!0)}))}we&&(ne&&xe!==H?(He(),Ie(ye=>ye+1)):I!==ve&&(Me(),C(ye=>ye+1))),oe()}}).catch(U=>{const ye=ze(U);b.error({title:U?.data?.code||c("Error"),description:ye}),$e(ye)})}},[c,I,xe,ee,me,$e,F,ze,ue,ve,H,Ee,je,le,_,ne,Ve,ce,Me,He,we,a,b,D,R,G,ge,oe]);(0,n.useEffect)(()=>{const B=new xo.Disposable,T=window.localStorage.getItem(r.LOCAL_STORAGE_ITEMS.em_ai_settings);if((!e?.length||e.length===1&&e[0]?.data?.role==="assistant")&&T&&_){const m={project_id:R,connection:"chat",entity_id:_,context:"email-generator",locale:ce};r.runOnceInFlight(`discuss-ai-generator-context:${_}`,()=>{if(Te){window.localStorage.removeItem(r.LOCAL_STORAGE_ITEMS.em_ai_settings),fe(T);return}r.swallowPromiseRejection(G({body:m}).then(()=>{window.localStorage.removeItem(r.LOCAL_STORAGE_ITEMS.em_ai_settings),B.isDisposed()||fe(T)}))})}return()=>B.dispose()},[e,fe,_,ce,R,G,Te]);const Ne=B=>{typeof B.target.className=="string"&&B.target.className.includes("ai-response-change-context")&&(X.isLoading||M(B.target.role))},eo=B=>{const T=B.children[0].data??"";Qs("subject",T,w),b.success({id:"EMAIL_TITLE_UPDATED_FROM_AI",title:c("Title copied to email settings"),data:T})},Xe=B=>{const T=B.children[0].data??"";Qs("preheader",T,w),b.success({id:"EMAIL_TITLE_UPDATED_FROM_AI",title:c("Preheader copied to email settings"),data:T,duration:300})},lo=B=>{const T=B.children[0].data;navigator.clipboard.writeText(T).then(()=>{b.success({id:"TEXT_COPIED_TO_CLIPBOARD",title:c("Text copied to clipboard"),data:T})}).catch(m=>{})},Qe={replace:B=>{if(B.attribs?.class?.split(" ").includes("ai-response-title"))return(0,o.jsx)(t.ui_kit$Tooltip,{placement:"left",title:c("Replace the title"),children:(0,o.jsx)("div",{onClick:()=>eo(B),children:(0,o.jsx)("span",{className:"ai-response-title",children:(0,mt.domToReact)(B.children,Qe)})})});if(B.attribs?.class?.split(" ").includes("ai-response-preheader"))return(0,o.jsx)(t.ui_kit$Tooltip,{placement:"left",title:c("Replace the preheader"),children:(0,o.jsx)("div",{onClick:()=>Xe(B),children:(0,o.jsx)("span",{className:"ai-response-preheader",children:(0,mt.domToReact)(B.children,Qe)})})});if(B.attribs?.class?.split(" ").includes("ai-response-copy"))return(0,o.jsx)(t.ui_kit$Tooltip,{placement:"left",title:c("Copy to clipboard"),children:(0,o.jsx)("div",{onClick:()=>lo(B),children:(0,o.jsx)("span",{className:"ai-response-copy",children:(0,mt.domToReact)(B.children,Qe)})})});if(B.attribs?.class?.split(" ").includes("ai-response-user-message")){const T=B.attribs?.data||B.children?.[0]?.data;return(0,o.jsx)("li",{className:B.attribs?.class,data:B.attribs?.data,onClick:()=>fe(T),children:(0,mt.domToReact)(B.children,Qe)})}}},uo=()=>{F(),pe(!1)},Eo=()=>{L(),pe(!1)};return(0,o.jsxs)("div",{ref:k,className:"discuss-main",children:[S.length>0&&(0,o.jsx)(t.ui_kit$List,{onClick:Ne,className:"comment-list",itemLayout:"horizontal",dataSource:S,renderItem:B=>(0,o.jsx)("li",{id:B._id,children:(0,o.jsx)(t.ui_kit$Comment,{className:B.data.userInfo?"":"ai-comment",avatar:B.data.role==="assistant"?(0,o.jsx)(r.EmIcons,{icon:"ChatGpt",component:t.icons$ChatGpt,className:"anticon-robot",style:{color:"#ffffff",fontSize:16,width:24,height:24,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center"}}):B.data.userInfo&&B.data._modified?B.data.userInfo.avatar_url:ee||(0,o.jsx)(r.EmIcons,{icon:"UserOutlined",component:t.icons$UserOutlined,className:"anticon-user",style:{color:"#ffffff",fontSize:16,width:24,height:24,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center"}}),author:(0,o.jsx)("div",{style:Le,children:B?.data?.role==="user"?Ee?.username||c("User"):c("AI Assistant")}),datetime:B._created?(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:wo.formatDate(r.parseISO(B._created),p,!0)}}):null,content:B.data.isLoading?(0,o.jsx)("div",{className:"spin",children:(0,o.jsx)(r.EmIcons,{icon:"LoadingOutlined",component:t.icons$LoadingOutlined,style:{fontSize:24},spin:!0})}):(0,o.jsx)("div",{style:Le,children:bu(B.data.message,Qe)})})},B._id)}),K&&(ne?(0,o.jsx)(t.ui_kit$LimitsCounter,{text:`${xe} ${c("of")} ${H>0?H:"∞"} ${c("mail generator")} ${p("was used","were used",xe)}`,exceeded:H>0&&xe>=H,style:{marginTop:-25},extra:(0,o.jsx)("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>x(h.billingPageUrl||r.APP_ROUTES.billing),children:c("Need more?")})}):(0,o.jsx)(t.ui_kit$LimitsCounter,{text:`${I} ${c("of")} ${ve>0?ve:"∞"} ${c("messeges")} ${p("was used","were used",I)}`,exceeded:ve>0&&I>=ve,style:{marginTop:-25},extra:(0,o.jsx)("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>x(h.billingPageUrl||r.APP_ROUTES.billing),children:c("Need more?")})})),(0,o.jsxs)(t.ui_kit$Form,{onFinish:y,className:"addMode",children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:10},children:(0,o.jsx)(t.ui_kit$TextArea,{disabled:Y,value:O,onChange:B=>N(B.target.value),rows:4,placeholder:c("Type your request"),className:"textarea-comment",onPressEnter:B=>B.key==="Enter"&&B.ctrlKey&&y(),spellCheck:"false"})}),(0,o.jsx)(t.ui_kit$Form.Item,{children:(0,o.jsxs)(t.ui_kit$Space,{size:8,children:[(0,o.jsx)(t.ui_kit$Button,{disabled:X.isLoading||Y,type:"default",style:_u,className:"button-target",children:(0,o.jsx)(t.ui_kit$Dropdown,{placement:"top",disabled:Y,arrow:{pointAtCenter:!0},menu:{items:gu(M)},children:(0,o.jsxs)("div",{disabled:Y,style:{margin:0,padding:0,color:"#ffffff",display:"inline-flex",alignItems:"center"},children:[(0,o.jsx)(r.EmIcons,{icon:"ChatGpt",component:t.icons$ChatGpt,style:{marginRight:5}}),c("Role")]})},"Export")}),(0,o.jsxs)(t.ui_kit$Button,{disabled:X.isLoading||Y,className:"button-add",type:"primary",htmlType:"submit",children:[c("Send")," ",(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined,size:16,strokeWidth:h.iconStrokeWidth})]})]})})]}),(0,o.jsx)(t.ui_kit$Modal,{title:c("Warning"),open:te,onOk:uo,onCancel:Eo,children:(0,o.jsx)("p",{children:c("The current template will be changed to the generated one, are you sure about this?")})})]})},xu=[r.VALID,r.ERRORS,r.WARNINGS],ta=({summary:e,__:i,selectedTags:l,setSelectedTags:s})=>{const a=(0,n.useCallback)((c,p)=>{s(p?l.length===2?[]:[...l,c]:l.filter(f=>f!==c))},[l,s]),d=(0,n.useCallback)(c=>i(c==="valid"?"Valid":c==="warnings"?"Warnings":"Errors"),[i]);return(0,o.jsx)(t.ui_kit$Title,{level:5,className:"optimise__valid-title",children:(0,o.jsx)(t.ui_kit$Space,{className:"optimise__valid-title-space",size:8,children:xu.map((c,p)=>(0,o.jsxs)(t.ui_kit$CheckableTag,{checked:l?.includes(c),onChange:f=>a(c,f),className:(0,De.default)(`${c} optimise__button`,{[`${c}_active`]:l.includes(c)}),children:[d(c),": ",e?.[c]||0]},c+p))})})},{LINKS:ku}=r.OPTIMISE_TABS,ia=(0,n.memo)(({__:e,activeTab:i,validateLinksResult:l,validateLinks:s,selectedTags:a,setSelectedTags:d,isLoading:c,disabled:p,iconStrokeWidth:f,onValidate:x,goToLinkHandler:k})=>i!==ku||!l?.links?null:l.links.length===0?(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-24",children:(0,o.jsx)(t.ui_kit$Alert,{title:e("No links found."),type:"info"})}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-14",children:(0,o.jsxs)("div",{className:"optimise__title-wrapper",children:[(0,o.jsx)(ta,{__:e,summary:l.summary,setSelectedTags:d,selectedTags:a}),(0,o.jsx)(t.ui_kit$Button,{disabled:p,loading:c,onClick:x,icon:(0,o.jsx)(r.EmIcons,{icon:"SyncOutlined",component:t.icons$SyncOutlined,size:16,strokeWidth:f}),children:e("Refresh")})]})}),(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-24",children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$List,{itemLayout:"horizontal",dataSource:s,renderItem:(h,b)=>(0,o.jsx)(t.ui_kit$List.Item,{className:t.ui_kit$LIST_ITEM_BORDERLESS_CLASS,children:(0,o.jsx)(t.ui_kit$List.Item.Meta,{avatar:h.status==="valid"?(0,o.jsx)(r.EmIcons,{icon:"CheckCircleFilled",component:t.icons$CheckCircleFilled,className:r.VALID}):h.status==="warnings"?(0,o.jsx)(r.EmIcons,{icon:"CheckCircleFilled",component:t.icons$CheckCircleFilled,className:r.WARNINGS}):(0,o.jsx)(r.EmIcons,{icon:"CloseCircleFilled",component:t.icons$CloseCircleFilled,className:r.ERRORS}),title:(0,o.jsx)(t.ui_kit$Link,{className:"optimise__link optimise__link-blue",draggable:!1,onClick:()=>k(h.linkId,600>(h.statusCode||0)&&(h.statusCode||0)>399||!h.statusCode),children:h.url===""?e("empty link"):h.url}),description:(0,o.jsxs)(o.Fragment,{children:[!!h.text?.length&&(0,o.jsx)(t.ui_kit$Text,{type:"secondary",children:h.text}),h.page?.title&&h.page.title,h.page?.secure&&h.status==="valid"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"image-size-splitter",children:" • "}),(0,o.jsx)("span",{className:"valid",children:e("secure")})]}),!h.resolvedUrl&&!h.statusCode&&h.type==="url"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"image-size-splitter",children:" • "}),(0,o.jsx)(t.ui_kit$Text,{type:"secondary",children:e("Failed to load")})]})]})})},b+"_"+h.linkId)})})})]}));ia.displayName="LinksSection";var{IMAGES:Eu}=r.OPTIMISE_TABS,ra=(0,n.memo)(({__:e,activeTab:i,validateImagesResult:l,validateImages:s,selectedTags:a,setSelectedTags:d,isLoading:c,disabled:p,iconStrokeWidth:f,onValidate:x,goToImageHandler:k,showImgPreviewHandler:h,hideBlockPreviewHandler:b})=>i!==Eu||!l?.images?null:l.images.length===0?(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-24",children:(0,o.jsx)(t.ui_kit$Alert,{title:e("No images found."),type:"info"})}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-16",children:(0,o.jsx)(t.ui_kit$Alert,{className:"optimise__alert-custom",title:(0,o.jsxs)("div",{className:"optimise__summary",children:[(0,o.jsxs)("div",{children:[(0,o.jsxs)(t.ui_kit$Title,{level:4,className:"optimise__summary-title",children:[l.images.length," "]}),(0,o.jsx)("span",{className:"optimise__summary-label",children:e("images")})]}),(0,o.jsxs)("div",{children:[(0,o.jsxs)(t.ui_kit$Title,{level:4,className:"optimise__summary-title",children:[l.summaryTime?.value,l.summaryTime?.name]}),(0,o.jsx)("span",{className:"optimise__summary-label",children:e("total size")})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)(t.ui_kit$Title,{level:4,className:"optimise__summary-title",children:(Math.max(...l.images.map(R=>R.image.responseTime))/1e3).toFixed(2)+e("s")}),(0,o.jsx)("span",{className:"optimise__summary-label",children:e("time to load")})]})]}),type:"warning"})}),(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-12",children:(0,o.jsxs)("div",{className:"optimise__title-wrapper",children:[(0,o.jsx)(ta,{__:e,summary:l.summary,setSelectedTags:d,selectedTags:a}),(0,o.jsx)(t.ui_kit$Button,{icon:(0,o.jsx)(r.EmIcons,{icon:"SyncOutlined",component:t.icons$SyncOutlined,size:16,strokeWidth:f}),disabled:p,loading:c,onClick:x,children:e("Refresh")})]})}),(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-12",children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$List,{className:"optimise__result-list",itemLayout:"horizontal",dataSource:s,renderItem:(R,_)=>(0,o.jsx)(t.ui_kit$List.Item,{className:`optimise__image-item image-item ${t.ui_kit$LIST_ITEM_BORDERLESS_CLASS}`,children:(0,o.jsx)(t.ui_kit$List.Item.Meta,{className:(0,De.default)("image-item__meta",{"image-item__meta_fail":!R.resolvedUrl&&!R.statusCode}),avatar:(0,o.jsx)(t.ui_kit$Image,{className:(0,De.default)("image-item__image optimise__image-auto-height",{"image-item__image_fail":!R.resolvedUrl||!R.valid}),width:92,height:"auto",src:R.resolvedUrl||"",preview:!1,onMouseEnter:()=>h(R.url,R.image.dimensions?.width),onMouseLeave:()=>b()}),title:R.url?(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:R.message,children:(0,o.jsx)(t.ui_kit$Link,{className:"optimise__link optimise__link-blue",draggable:!1,onClick:()=>k(R.imageId,600>(R.statusCode||0)&&(R.statusCode||0)>399||!R.statusCode),children:R?.url===""?e("empty src"):R.url})}):R.message,description:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"image-size",children:[R.image.dimensions&&(0,o.jsxs)(o.Fragment,{children:[R.image.dimensions.width+" × "+R.image.dimensions.height,(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsxs)("span",{children:[Math.round(R.image.bytes/1024),e("kB")]}),(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsxs)("span",{children:[R.image.responseTime,e("ms")]}),(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsx)("span",{className:"image-size-format",children:Ft(R.image.contentType)})]}),R.image.secure&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"image-size-splitter",children:"  •  "}),(0,o.jsx)("span",{className:"valid",children:e("secure")})]}),R.resolvedUrl&&!R.valid&&(0,o.jsx)(t.ui_kit$Text,{type:"danger",children:e("not valid")})]}),!R.resolvedUrl&&!R.statusCode&&(0,o.jsx)(t.ui_kit$Text,{type:"danger",children:e("Failed to load")})]})})},_)})})})]}));ra.displayName="ImagesSection";var{SPAM_ASSASSIN:Bu}=r.OPTIMISE_TABS,la=(0,n.memo)(({__:e,activeTab:i,validateSpamResult:l,isLoading:s,disabled:a,iconStrokeWidth:d,onValidate:c})=>{const p=l?.report?.length||Object.prototype.hasOwnProperty.call(l,"spamScore");if(i!==Bu||!p)return null;const f=l.spamScore||0,x=l.baseSpamScore||0,k=f<2||!l.spamScore||f<=x-1?"success":f<x-1?"warning":"danger";return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Row,{className:"optimise__row-mb-8",children:[(0,o.jsxs)("div",{className:"optimise__title-wrapper optimise__title-wrapper_spam",children:[(0,o.jsxs)(t.ui_kit$Title,{level:1,className:"optimise__spam-score-title",type:k,children:[(0,o.jsx)("span",{className:"optimise__spam-score-value",children:f}),(0,o.jsx)(t.ui_kit$Text,{className:"optimise__spam-score-text",children:"Score"})]}),(0,o.jsx)(t.ui_kit$Button,{disabled:a,icon:(0,o.jsx)(r.EmIcons,{icon:"SyncOutlined",component:t.icons$SyncOutlined,size:16,strokeWidth:d}),loading:s,onClick:c,children:e("Refresh")})]}),f>x-1&&(0,o.jsx)(t.ui_kit$Text,{children:e("Lower scores are better. Aim for a score less than ")+(x-1)+"."})]}),(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-8",children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(l.report?.length||0)>0?(0,o.jsx)(t.ui_kit$List,{itemLayout:"horizontal",dataSource:l.report,renderItem:h=>(0,o.jsx)(t.ui_kit$List.Item,{className:t.ui_kit$LIST_ITEM_BORDERLESS_CLASS,children:(0,o.jsx)(t.ui_kit$List.Item.Meta,{title:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Text,{className:"optimise__spam-report-score",children:h.score}),(0,o.jsx)("span",{className:"optimise__spam-report-description",children:h.description})]})})})}):(0,o.jsx)(o.Fragment,{children:l.spamScore===0&&e("Your email doesn't look like spam.")})})})]})});la.displayName="SpamSection";var{PROBLEMS:Su}=r.OPTIMISE_TABS,sa=(0,n.memo)(({__:e,activeTab:i,problemsList:l,onSetMonacoPosition:s})=>i!==Su?null:l?.length?(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-8",children:(0,o.jsx)(t.ui_kit$Col,{span:24,children:(0,o.jsx)(t.ui_kit$List,{itemLayout:"horizontal",dataSource:l,renderItem:a=>(0,o.jsx)(t.ui_kit$List.Item,{className:t.ui_kit$LIST_ITEM_BORDERLESS_CLASS,children:(0,o.jsx)(t.ui_kit$List.Item.Meta,{avatar:a.severity<6?(0,o.jsx)(r.EmIcons,{icon:"CloseCircleFilled",component:t.icons$CloseCircleFilled,className:r.WARNINGS}):(0,o.jsx)(r.EmIcons,{icon:"CloseCircleFilled",component:t.icons$CloseCircleFilled,className:r.ERRORS}),title:(0,o.jsxs)(t.ui_kit$Text,{onClick:()=>s(a),className:(0,De.default)("optimise__text-clickable",{warning:a.severity<6,error:a.severity>=6}),children:["Line: ",a.startLineNumber," ",a.startLineNumber!==a.endLineNumber&&" – "+a.endLineNumber]}),description:(0,o.jsx)(t.ui_kit$Text,{children:a.message})})})})})}):(0,o.jsx)(t.ui_kit$Row,{className:"optimise__row-mb-24",children:(0,o.jsx)(t.ui_kit$Alert,{title:e("No problems found."),type:"info"})}));sa.displayName="ProblemsSection";var Tu={activeTab:"",selectedTags:[],validateLinks:[],validateImages:[],validateSpamResult:{},optimisationCounter:0,linkCheckCounter:0,imageCheckCounter:0,spamCheckCounter:0,validateLinksResult:{},validateImagesResult:{}},Ru=(e,i)=>{switch(i.type){case"SET_ACTIVE_TAB":return{...e,activeTab:i.payload!==e.activeTab?i.payload:""};case"SET_SELECTED_TAGS":return{...e,selectedTags:i.payload};case"SET_VALIDATE_LINKS":return{...e,validateLinks:i.payload};case"SET_VALIDATE_IMAGES":return{...e,validateImages:i.payload};case"SET_VALIDATE_SPAM_RESULT":return{...e,validateSpamResult:i.payload};case"SET_OPTIMISATION_COUNTER":return{...e,optimisationCounter:i.payload};case"INCREMENT_OPTIMISATION_COUNTER":return{...e,optimisationCounter:e.optimisationCounter+1};case"SET_LINK_CHECK_COUNTER":return{...e,linkCheckCounter:i.payload};case"INCREMENT_LINK_CHECK_COUNTER":return{...e,linkCheckCounter:e.linkCheckCounter+1};case"SET_IMAGE_CHECK_COUNTER":return{...e,imageCheckCounter:i.payload};case"INCREMENT_IMAGE_CHECK_COUNTER":return{...e,imageCheckCounter:e.imageCheckCounter+1};case"SET_SPAM_CHECK_COUNTER":return{...e,spamCheckCounter:i.payload};case"INCREMENT_SPAM_CHECK_COUNTER":return{...e,spamCheckCounter:e.spamCheckCounter+1};case"SET_VALIDATE_LINKS_RESULT":return{...e,validateLinksResult:i.payload};case"SET_VALIDATE_IMAGES_RESULT":return{...e,validateImagesResult:i.payload};case"RESET_SELECTED_TAGS":return{...e,selectedTags:[]};default:return e}},si={link_check:"link_check_counter",image_check:"image_check_counter",spam_check:"spam_check_counter"},dr={link_check:"link_check_limit",image_check:"image_check_limit",spam_check:"spam_check_limit"},yu=(e,i)=>{const l=Object.values(si),s=Object.values(dr);return l.some(a=>e?.[a]!==void 0)||s.some(a=>i?.[a]!==void 0)||l.some(a=>i?.[a]!==void 0)||s.some(a=>e?.[a]!==void 0)},pt=(e,i,l=0)=>{const s=e?.[i];return typeof s=="number"&&!Number.isNaN(s)?s:l},wu=(e,i)=>({counter:e,limit:i,disabled:i>0&&e>=i}),ju=({appConfig:e,data:i,isSuccess:l,optimisationCounter:s,linkCheckCounter:a,imageCheckCounter:d,spamCheckCounter:c,setOptimisationCounter:p,setLinkCheckCounter:f,setImageCheckCounter:x,setSpamCheckCounter:k})=>{const h=(0,n.useMemo)(()=>!!(e.limits&&e.counters)&&!0,[e]),b=(0,n.useMemo)(()=>e.counters,[e,i]),R=(0,n.useMemo)(()=>e.limits,[e,i]),_=(0,n.useMemo)(()=>h&&yu(b,R),[h,b,R]),E=(0,n.useMemo)(()=>pt(R,"optimization_limit",0),[R]),w=(0,n.useMemo)(()=>!_&&s>=E&&E>0,[_,s,E]),v=(0,n.useMemo)(()=>{const j={link_check:a,image_check:d,spam_check:c};return Object.keys(dr).reduce((I,C)=>{const Y=dr[C],z=_?pt(R,Y,0):E,O=_?j[C]:s;return I[C]=wu(O,z),I},{})},[_,R,E,a,d,c,s]),P=j=>_?v[j].disabled:w;return(0,n.useEffect)(()=>{if(!h){const j=i?.counters;l&&j?.optimization_counter&&p(j.optimization_counter);return}p(pt(b,"optimization_counter",0)),_&&(f(pt(b,si.link_check,0)),x(pt(b,si.image_check,0)),k(pt(b,si.spam_check,0)))},[h,_,i,l,b,p,f,x,k]),{limitsInPlugin:h,perTypeAvailable:_,currentBillingOptimisationLimits:E,disableFields:w,typeLimits:v,isTypeDisabled:P}},vu=()=>{const e=(0,n.useRef)(null);return{showImgPreviewHandler:(0,n.useCallback)((i,l)=>{e.current&&clearTimeout(e.current);let s=document.querySelector(".img-preview"),a=document.querySelector(".img-preview-content");document.querySelector(".img-preview")||(s=document.createElement("div"),s.classList.add("img-preview"),a=document.createElement("div"),a.classList.add("img-preview-content"),s.append(a),document.querySelector(".email-pane__col_settings-inner")?.append(s)),a&&(a.innerHTML=`<table cellspacing="0" cellpadding="0" border="0" width="100%"><img height="auto" width=${(l||0)+"px"} alt="" style="max-width: 100%; object-fit: contain" src=${i}></table>`),s&&s.style.opacity!=="1"&&setTimeout(()=>{s&&(s.style.opacity="1",s.style.transform="translateX(-100%)")},10)},[]),hideBlockPreviewHandler:(0,n.useCallback)(()=>{const i=document.querySelector(".img-preview");i&&(e.current=setTimeout(()=>{i&&(i.style.opacity="0",i.style.transform="translateX(-99%)",setTimeout(()=>{i?.remove()},300))},300))},[])}},{LINKS:Iu,IMAGES:Cu}=r.OPTIMISE_TABS,Pu=({activeTab:e,selectedTags:i,validateLinksResult:l,validateImagesResult:s,setValidateLinks:a,setValidateImages:d})=>{(0,n.useEffect)(()=>{e===Iu&&l.links&&a(i.length>0?l.links.filter(c=>i.includes(c.status)):l.links),e===Cu&&s.images&&d(i.length>0?s.images.filter(c=>i.includes(c.status)):s.images)},[l.links,s.images,i,e,a,d])},Au=e=>(e.statusCode!==null?e.statusCode<300&&(e.page?.secure??!0):e.type!=="invalid")?r.VALID:(e.statusCode&&e.statusCode<400||e.statusCode===200&&(e.page?.secure??!0))&&e.type!=="invalid"?r.WARNINGS:r.ERRORS,aa=e=>e.statusCode!==null&&e.statusCode<300?r.VALID:e.statusCode<400&&e.statusCode>=300||e.statusCode===200&&!e.valid?r.WARNINGS:r.ERRORS,na=e=>({valid:e.filter(i=>i.status===r.VALID).length,warnings:e.filter(i=>i.status===r.WARNINGS).length,errors:e.filter(i=>i.status===r.ERRORS).length}),Nu={ai:(0,o.jsx)(r.EmIcons,{icon:"AIRequests",component:t.icons$AIRequests}),email_generate:(0,o.jsx)(r.EmIcons,{icon:"EmailEnvelope",component:t.icons$EmailEnvelope}),image_generate:(0,o.jsx)(r.EmIcons,{icon:"Image",component:t.icons$Image}),optimization:(0,o.jsx)(r.EmIcons,{icon:"Optimization",component:t.icons$Optimization}),preview:(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined}),test_sends:(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined}),link_check:(0,o.jsx)(r.EmIcons,{icon:"Web",component:t.icons$Web}),image_check:(0,o.jsx)(r.EmIcons,{icon:"Image",component:t.icons$Image}),spam_check:(0,o.jsx)(r.EmIcons,{icon:"Block",component:t.icons$Block}),projects:(0,o.jsx)(r.EmIcons,{icon:"FolderOpen",component:t.icons$FolderOpen}),emails:(0,o.jsx)(r.EmIcons,{icon:"EmailEnvelope",component:t.icons$EmailEnvelope}),blocks:(0,o.jsx)(r.EmIcons,{icon:"Block",component:t.icons$Block}),users:(0,o.jsx)(r.EmIcons,{icon:"SliderGroup",component:t.icons$SliderGroup})};function da(e,i){if(e==null)return null;if(typeof e=="number"||typeof e=="string"){const l=e==="∞"||typeof e=="string"&&e.toLowerCase()==="infinity";return(0,o.jsx)("span",{className:i==="old"?"limit-upgrade-modal__limit-old":`limit-upgrade-modal__limit-new${l?" limit-upgrade-modal__limit-new--infinity":""}`,children:l?"∞":e})}return e}var ai=({open:e,onClose:i,title:l,subtitle:s,usageResource:a,icon:d,previousDisplay:c,nextDisplay:p,onChangePlan:f,secondaryAction:x,changePlanLabel:k})=>{const{__:h}=r.useI18n(),b=k??h("Change plan"),R=!!x,_=a!=null?Nu[a]:d??null;return(0,o.jsx)(t.ui_kit$Modal,{open:e,onCancel:i,footer:null,closable:!1,width:400,centered:!0,className:"limit-upgrade-modal",destroyOnHidden:!0,mask:{closable:!0},children:(0,o.jsxs)("div",{className:"limit-upgrade-modal__wrap",children:[(0,o.jsx)("div",{className:"limit-upgrade-modal__header",children:(0,o.jsx)("button",{type:"button",className:"limit-upgrade-modal__close",onClick:i,"aria-label":h("Close"),children:(0,o.jsx)(r.EmIcons,{icon:"CloseOutlined",component:t.icons$CloseOutlined})})}),(0,o.jsxs)("div",{className:"limit-upgrade-modal__body",children:[(0,o.jsx)("h1",{className:"limit-upgrade-modal__title",children:l}),(0,o.jsx)("p",{className:"limit-upgrade-modal__subtitle",children:s}),(0,o.jsxs)("div",{className:"limit-upgrade-modal__limits-row",children:[(0,o.jsx)("div",{className:"limit-upgrade-modal__icon-circle","aria-hidden":!0,children:_}),da(c,"old"),(0,o.jsx)("div",{className:"limit-upgrade-modal__arrow-btn","aria-hidden":!0,children:(0,o.jsx)(r.EmIcons,{icon:"ArrowUpOutlined",component:t.icons$ArrowUpOutlined,className:"limit-upgrade-modal__arrow-icon"})}),da(p,"new")]})]}),(0,o.jsx)("hr",{className:"limit-upgrade-modal__divider"}),(0,o.jsx)("div",{className:R?"limit-upgrade-modal__footer limit-upgrade-modal__footer--dual":"limit-upgrade-modal__footer",children:x?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Button,{className:"limit-upgrade-modal__cta-secondary",onClick:x.onClick,children:x.label}),(0,o.jsx)(t.ui_kit$Button,{type:"primary",className:"limit-upgrade-modal__cta",onClick:f,children:b})]}):(0,o.jsx)(t.ui_kit$Button,{type:"primary",className:"limit-upgrade-modal__cta",onClick:f,children:b})})]})})},{LINKS:cr,IMAGES:ur,SPAM_ASSASSIN:ca,PROBLEMS:mr}=r.OPTIMISE_TABS,ua={textDecoration:"underline",cursor:"pointer",background:"none",border:"none",padding:0,font:"inherit",color:"inherit"},Lu={link_check:"LinkCheckCount",image_check:"ImageCheckCount",spam_check:"SpamCheckCount"},Ou={link_check:"link_check_exceeded",image_check:"image_check_exceeded",spam_check:"spam_check_exceeded"},ma=(e,i,l,s)=>`${e} ${l("of")} ${i>0?i:"∞"} ${s("test","tests",i>0?i:e)} ${s("was used","were used",e)}`,pa=()=>{const{__:e,_n:i}=r.useI18n(),l=r.useDispatch(),s=r.useOpenPlanCatalog(),a=r.useAppNavigate(),d=r.useNotification(),c=r.useContentReader(),p=r.useAppConfig(),f=r.useEditorProjectId(),x=r.useRouteEmailId(),{email:k}=r.useOpenEmail(),h=x||(k?.id!=null?String(k.id):void 0),b=f||(k?.project!=null?String(k.project):void 0),[R,_]=(0,n.useState)(null),E=(0,n.useRef)(!1),w=(0,n.useRef)({link_check:!1,image_check:!1,spam_check:!1}),v=r.useProjectPlanLimitPreflight(),P=(0,n.useCallback)(D=>{_(D)},[]),j=(0,n.useCallback)((D,me)=>D?.status===401&&D?.data?.code==="usage_limit_exceeded"?(P({presetId:{link_check:"link_check_exceeded",image_check:"image_check_exceeded",spam_check:"spam_check_exceeded"}[me],previousDisplay:e("—"),nextDisplay:r.presetLimitDisplay("infinity")}),l(r.limitsApi.util.invalidateTags(["LimitsStats","LimitsWarnings"])),!0):!1,[l,e,P]),I=(0,n.useCallback)((D,me)=>{j(D,me)||d.error({error:D})},[j,d]),C=(0,n.useCallback)(async D=>!0,[l,v,P]),Y=r.useMessageService(),z=r.useSelector(r.selectProblemsList),O=r.useEventEmitter(xo.events.ON_LIMIT_ID),N=r.usePushToDataLayer(),[S,Q]=(0,n.useReducer)(Ru,Tu),[J,re]=r.useEditSpamMutation(),[te,pe]=r.useEditLinksMutation(),[be,ae]=r.useEditImagesMutation(),{data:xe,isSuccess:Ie}=r.useGetProjectQuery(+(b||0),{skip:!0}),ne=r.useInvalidateProject(),Fe=(0,n.useCallback)(D=>Q({type:"SET_OPTIMISATION_COUNTER",payload:D}),[]),je=(0,n.useCallback)(D=>Q({type:"SET_LINK_CHECK_COUNTER",payload:D}),[]),le=(0,n.useCallback)(D=>Q({type:"SET_IMAGE_CHECK_COUNTER",payload:D}),[]),Ee=(0,n.useCallback)(D=>Q({type:"SET_SPAM_CHECK_COUNTER",payload:D}),[]),ce=(0,n.useCallback)(D=>Q({type:"SET_VALIDATE_LINKS",payload:D}),[]),ee=(0,n.useCallback)(D=>Q({type:"SET_VALIDATE_IMAGES",payload:D}),[]),ue=(0,n.useCallback)(D=>Q({type:"SET_SELECTED_TAGS",payload:D}),[]),{limitsInPlugin:se,perTypeAvailable:Z,currentBillingOptimisationLimits:q,disableFields:G,typeLimits:X,isTypeDisabled:ie}=ju({appConfig:p,data:xe,isSuccess:Ie,optimisationCounter:S.optimisationCounter,linkCheckCounter:S.linkCheckCounter,imageCheckCounter:S.imageCheckCounter,spamCheckCounter:S.spamCheckCounter,setOptimisationCounter:Fe,setLinkCheckCounter:je,setImageCheckCounter:le,setSpamCheckCounter:Ee});Pu({activeTab:S.activeTab,selectedTags:S.selectedTags,validateLinksResult:S.validateLinksResult,validateImagesResult:S.validateImagesResult,setValidateLinks:ce,setValidateImages:ee});const{showImgPreviewHandler:Be,hideBlockPreviewHandler:ge}=vu(),Pe=(0,n.useCallback)(D=>D==="link_check"?S.linkCheckCounter:D==="image_check"?S.imageCheckCounter:S.spamCheckCounter,[S.linkCheckCounter,S.imageCheckCounter,S.spamCheckCounter]),Re=(0,n.useCallback)(D=>{if(se){if(Z){Q({type:{link_check:"INCREMENT_LINK_CHECK_COUNTER",image_check:"INCREMENT_IMAGE_CHECK_COUNTER",spam_check:"INCREMENT_SPAM_CHECK_COUNTER"}[D]}),O.fire({name:Lu[D],count:Pe(D)+1});return}Q({type:"INCREMENT_OPTIMISATION_COUNTER"}),O.fire({name:"OptimizationCount",count:S.optimisationCounter+1})}},[se,Z,O,Pe,S.optimisationCounter]),Le=(0,n.useCallback)(D=>{if(Z){const{limit:me}=X[D];P({presetId:Ou[D],previousDisplay:me>0?me:r.presetLimitDisplay("infinity"),nextDisplay:r.presetLimitDisplay("infinity")});return}P({presetId:"optimization_exceeded",previousDisplay:q,nextDisplay:r.presetLimitDisplay("infinity")})},[Z,X,P,q]),K=(0,n.useCallback)(()=>{a(p.billingPageUrl||r.APP_ROUTES.billing)},[p.billingPageUrl,a]),de=D=>{if(!se||!Z)return null;const{counter:me,limit:V,disabled:oe}=X[D];return(0,o.jsx)(t.ui_kit$LimitsCounter,{text:ma(me,V,e,i),exceeded:oe,extra:(0,o.jsx)("button",{type:"button",style:ua,onClick:K,children:e("Need more?")})})},ve=(0,n.useCallback)((D,me)=>{Y.send({operation:r.EVENT_TYPES.SANDBOX_SET_POSITION_TO_LINK,settings:{elementId:D,isError:me}})},[Y]),H=(0,n.useCallback)((D,me)=>{Y.send({operation:r.EVENT_TYPES.SANDBOX_SET_POSITION_TO_IMG,settings:{elementId:D,isError:me}})},[Y]),Te=(0,n.useCallback)(D=>{const me={startColumn:D.startColumn,startLineNumber:D.startLineNumber,endColumn:D.endColumn,endLineNumber:D.endLineNumber};l(r.setActiveProblemRange(me))},[l]),we=(0,n.useCallback)(D=>{Q({type:"SET_ACTIVE_TAB",payload:D}),Q({type:"RESET_SELECTED_TAGS"}),D===mr&&z?.length>0&&N({event:"check",action:"check_email_code",email_id:h,project_id:b,problems_count:z?.length||0})},[z,N,h,b]),Ae=(0,n.useCallback)(async()=>{if(!h){d.error({title:"Save the mail first."});return}if(ie("link_check")){Le("link_check");return}if(!await C("link_check"))return;Re("link_check");const D=c(),me=new DOMParser().parseFromString(D,"text/html"),V={},oe={};me.querySelectorAll("a[href]").forEach((ke,$e)=>{V[`link_${$e}`]=ke.getAttribute("href"),oe[`link_${$e}`]=ke.textContent||""}),Y.send({operation:"sandbox_set_attr_to_links"}),te({entity_id:h,data:V}).then(({data:ke,error:$e})=>{if($e)I($e,"link_check");else if(ke?.result){const ze=[...ke.result];ze?.sort((F,L)=>F.linkId-L.linkId);const Ge=ze.map(F=>({...F,text:oe[F.linkId],status:Au(F)})),Ye={links:Ge,summary:na(Ge)};Q({type:"SET_VALIDATE_LINKS_RESULT",payload:Ye}),d.success(e("Links validation was successfully completed")),ke.limit_warning&&ke.limit_remaining!=null&&d.warning({title:`${e("Approaching usage limit. Remaining")}: ${ke.limit_remaining}`}),N({event:"check",action:"check_email_links",email_id:h,project_id:b,links_count:Ye.links?.length||0})}else ke.statusCode>300||!ke.success?d.error({error:{data:ke}}):d.error({title:e("Something went wrong.")}),!S.validateLinksResult.links&&we("")}).catch(ke=>{I(ke,"link_check")})},[h,ie,Le,C,Re,c,Y,te,d,e,N,b,ne,S.validateLinksResult.links,I,we]),Ve=(0,n.useCallback)(async()=>{if(!h){d.error({title:"Save the mail first."});return}if(ie("image_check")){Le("image_check");return}if(!await C("image_check"))return;Re("image_check");const D=c(),me=new DOMParser().parseFromString(D,"text/html"),V={};me.querySelectorAll("img").forEach((oe,ke)=>V[`image_${ke}`]=oe.src),Y.send({operation:"sandbox_set_attr_to_images"}),be({entity_id:h,data:V}).then(({data:oe,error:ke})=>{let $e;if(ke)I(ke,"image_check");else if(oe?.result){const ze=Object.values(oe.result);ze.sort((Ye,F)=>Ye.imageId-F.imageId);const Ge=ze.reduce((Ye,F)=>Ye+Math.round(F.image.bytes/1024),0);$e={images:ze.map(Ye=>({...Ye,status:aa(Ye)}))||[],summary:na(ze.map(Ye=>({...Ye,status:aa(Ye)}))),summaryTime:{value:(Ge>1200?Ge/1e3:Ge).toFixed(1),name:Ge>1200?e("MB"):e("KB")}},$e&&Q({type:"SET_VALIDATE_IMAGES_RESULT",payload:$e}),d.success(e("Images validation was successfully completed")),oe.limit_warning&&oe.limit_remaining!=null&&d.warning({title:`${e("Approaching usage limit. Remaining")}: ${oe.limit_remaining}`}),N({event:"check",action:"check_email_images",email_id:h,project_id:b,images_count:$e.images?.length||0})}else oe.statusCode>300||!oe.success?d.error({error:{data:oe}}):d.error({title:e("Something went wrong.")}),!S.validateImagesResult?.images?.length&&we("")}).catch(oe=>{I(oe,"image_check")})},[h,ie,Le,C,Re,c,Y,be,d,e,N,b,ne,S.validateImagesResult,I,we]),Me=(0,n.useCallback)(async()=>{if(!h){d.error({title:"Save the mail first."});return}if(ie("spam_check")){Le("spam_check");return}await C("spam_check")&&(Re("spam_check"),J({entity_id:h,data:{html:c()}}).then(({data:D,error:me})=>{if(me)I(me,"spam_check");else if(D&&D.success){const V=!!D.result.report&&Object.values(D.result.report);V?(V.sort((oe,ke)=>oe.score-ke.score),Q({type:"SET_VALIDATE_SPAM_RESULT",payload:{...D.result,report:V}})):D.result&&Q({type:"SET_VALIDATE_SPAM_RESULT",payload:{...D.result,report:V}}),d.success(e("Spam validation was successfully completed")),D.limit_warning&&D.limit_remaining!=null&&d.warning({title:`${e("Approaching usage limit. Remaining")}: ${D.limit_remaining}`}),N({event:"check",action:"check_email_spam",email_id:h,project_id:b,spam_score:D.result?.spamScore||0})}else D.statusCode>300||!D.success?d.error({error:{data:D}}):d.error({title:e("Something went wrong.")}),!S.validateSpamResult?.report?.length&&we("")}).catch(D=>{I(D,"spam_check")}))},[h,ie,Le,C,Re,c,J,d,e,N,b,ne,S.validateSpamResult,I,we]);(0,n.useEffect)(()=>{if(se){if(Z){["link_check","image_check","spam_check"].forEach(D=>{const{limit:me,counter:V,disabled:oe}=X[D];if(!oe){w.current[D]=!1;return}w.current[D]||me>0&&V>=me&&(w.current[D]=!0,Le(D))});return}if(!(q>0&&S.optimisationCounter>=q)){E.current=!1;return}E.current||(E.current=!0,Le("link_check"))}},[se,Z,X,S.optimisationCounter,q,Le]);const He=R?r.getLimitUpgradePresetDefinition(R.presetId):null;return(0,o.jsxs)("div",{className:"optimise selected_form-props-wrapper selected_form-props-wrapper_optimize",children:[He&&R?(0,o.jsx)(ai,{open:!0,onClose:()=>_(null),title:e(He.titleKey),subtitle:e(He.subtitleKey),usageResource:He.usageResource,previousDisplay:R.previousDisplay,nextDisplay:R.nextDisplay,onChangePlan:()=>{_(null),s()}}):null,se&&!Z&&(0,o.jsx)(t.ui_kit$LimitsCounter,{text:ma(S.optimisationCounter,q,e,i),exceeded:G,extra:(0,o.jsx)("button",{type:"button",style:ua,onClick:K,children:e("Need more?")})}),p.optimizeLinksEnabled&&(0,o.jsxs)(o.Fragment,{children:[de("link_check"),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider optimise__divider-no-margin"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,align:"middle",children:[(0,o.jsx)(t.ui_kit$Col,{span:20,children:(0,o.jsx)("div",{style:{padding:"15px 0"},children:e("Links validation")})}),(0,o.jsx)(t.ui_kit$Col,{span:4,className:"optimise__col-align-right",children:(0,o.jsx)(t.ui_kit$Button,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:D=>D.preventDefault(),onClick:()=>{we(cr),!S.validateLinksResult?.links?.length&&S.activeTab!==cr&&Ae()},loading:pe.isLoading,disabled:ie("link_check")&&!S.validateLinksResult?.links?.length,children:!pe.isLoading&&(S.activeTab===cr?(0,o.jsx)(r.EmIcons,{icon:"DownOutlined",component:t.icons$DownOutlined,size:16,strokeWidth:p.iconStrokeWidth}):(0,o.jsx)(r.EmIcons,{icon:"RightOutlined",component:t.icons$RightOutlined,size:16,strokeWidth:p.iconStrokeWidth}))})})]}),(0,o.jsx)(ia,{__:e,activeTab:S.activeTab,validateLinksResult:S.validateLinksResult,validateLinks:S.validateLinks,selectedTags:S.selectedTags,setSelectedTags:ue,isLoading:pe.isLoading,disabled:ie("link_check"),iconStrokeWidth:p.iconStrokeWidth,onValidate:Ae,goToLinkHandler:ve})]}),p.optimizeImagesEnabled&&(0,o.jsxs)(o.Fragment,{children:[de("image_check"),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider optimise__divider-no-margin"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,align:"middle",children:[(0,o.jsx)(t.ui_kit$Col,{span:20,children:(0,o.jsx)("div",{style:{padding:"15px 0"},children:e("Images validation")})}),(0,o.jsx)(t.ui_kit$Col,{span:4,className:"optimise__col-align-right",children:(0,o.jsx)(t.ui_kit$Button,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:D=>D.preventDefault(),onClick:()=>{we(ur),!S.validateImagesResult?.images?.length&&S.activeTab!==ur&&Ve()},loading:ae.isLoading,children:!ae.isLoading&&(S.activeTab===ur?(0,o.jsx)(r.EmIcons,{icon:"DownOutlined",component:t.icons$DownOutlined,size:16,strokeWidth:p.iconStrokeWidth}):(0,o.jsx)(r.EmIcons,{icon:"RightOutlined",component:t.icons$RightOutlined,size:16,strokeWidth:p.iconStrokeWidth}))})})]}),(0,o.jsx)(ra,{__:e,activeTab:S.activeTab,validateImagesResult:S.validateImagesResult,validateImages:S.validateImages,selectedTags:S.selectedTags,setSelectedTags:ue,isLoading:ae.isLoading,disabled:ie("image_check"),iconStrokeWidth:p.iconStrokeWidth,onValidate:Ve,goToImageHandler:H,showImgPreviewHandler:Be,hideBlockPreviewHandler:ge})]}),p.optimizeSpamAssassinEnabled&&(0,o.jsxs)(o.Fragment,{children:[de("spam_check"),(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider optimise__divider-no-margin"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,align:"middle",children:[(0,o.jsx)(t.ui_kit$Col,{span:20,children:(0,o.jsx)("div",{style:{padding:"15px 0"},children:e("SpamAssassin")})}),(0,o.jsx)(t.ui_kit$Col,{span:4,className:"optimise__col-align-right",children:(0,o.jsx)(t.ui_kit$Button,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:D=>D.preventDefault(),loading:re.isLoading,onClick:()=>{we(ca),S.validateSpamResult.report?.length||Object.prototype.hasOwnProperty.call(S.validateSpamResult,"spamScore")||Me()},disabled:ie("spam_check")&&!(S.validateSpamResult?.report?.length||Object.prototype.hasOwnProperty.call(S.validateSpamResult,"spamScore")),children:!re.isLoading&&(S.activeTab===ca?(0,o.jsx)(r.EmIcons,{icon:"DownOutlined",component:t.icons$DownOutlined,size:16,strokeWidth:p.iconStrokeWidth}):(0,o.jsx)(r.EmIcons,{icon:"RightOutlined",component:t.icons$RightOutlined,size:16,strokeWidth:p.iconStrokeWidth}))})})]}),(0,o.jsx)(la,{__:e,activeTab:S.activeTab,validateSpamResult:S.validateSpamResult,isLoading:re.isLoading,disabled:ie("spam_check"),iconStrokeWidth:p.iconStrokeWidth,onValidate:Me})]}),p.optimizeCheckCodeEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Divider,{className:"selected-td-form__divider optimise__divider-no-margin"}),(0,o.jsxs)(t.ui_kit$Row,{gutter:10,align:"middle",children:[(0,o.jsx)(t.ui_kit$Col,{span:20,children:(0,o.jsx)("div",{style:{padding:"15px 0"},children:e("Source code validation")})}),(0,o.jsx)(t.ui_kit$Col,{span:4,className:"optimise__col-align-right",children:(0,o.jsx)(t.ui_kit$Button,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:D=>D.preventDefault(),onClick:()=>we(mr),children:S.activeTab===mr?(0,o.jsx)(r.EmIcons,{icon:"DownOutlined",component:t.icons$DownOutlined,size:16,strokeWidth:p.iconStrokeWidth}):(0,o.jsx)(r.EmIcons,{icon:"RightOutlined",component:t.icons$RightOutlined,size:16,strokeWidth:p.iconStrokeWidth})})})]}),(0,o.jsx)(sa,{__:e,activeTab:S.activeTab,problemsList:z,onSetMonacoPosition:Te})]})]})},$u=({state:e,onCancel:i,onRetry:l,onDismiss:s})=>{const{__:a}=r.useI18n();return e.kind==="hidden"?null:(0,o.jsx)("div",{className:"indexing-tray",role:"status","aria-live":"polite",children:(0,o.jsx)(t.ui_kit$Card,{size:"small",variant:"borderless",className:"indexing-tray__card",children:(0,o.jsxs)(t.ui_kit$Flex,{vertical:!0,gap:8,children:[Fu(e,a),(0,o.jsx)(t.ui_kit$Flex,{justify:"flex-end",children:Mu(e,{onCancel:i,onRetry:l,onDismiss:s},a)})]})})})};function Fu(e,i){switch(e.kind){case"scanning":return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(t.ui_kit$Flex,{align:"center",gap:8,children:[(0,o.jsx)(t.ui_kit$Spin,{size:"small"}),(0,o.jsx)(t.ui_kit$Title,{level:5,className:"indexing-tray__title",children:i("Moving files from old storage…")})]}),(0,o.jsx)(t.ui_kit$Text,{type:"secondary",children:i("Found so far: %s").replace("%s",String(e.scanned))}),(0,o.jsx)(t.ui_kit$Progress,{percent:100,status:"active",showInfo:!1,strokeColor:r.emCssVar("colorPrimary")})]});case"indexing":{const l=e.total>0?Math.min(100,Math.round(e.scanned/e.total*100)):0;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Title,{level:5,className:"indexing-tray__title",children:i("Indexing files…")}),(0,o.jsx)(t.ui_kit$Text,{type:"secondary",children:`${e.scanned} / ${e.total}`}),(0,o.jsx)(t.ui_kit$Progress,{percent:l,status:"active",strokeColor:r.emCssVar("colorPrimary")})]})}case"done":return(0,o.jsx)(t.ui_kit$Title,{level:5,className:"indexing-tray__title",children:i("Files ready: %s").replace("%s",String(e.files+e.folders+e.trashed))});case"failed":return(0,o.jsx)(t.ui_kit$Title,{level:5,className:"indexing-tray__title",children:i("Could not move files from old storage")});case"cancelled":return(0,o.jsx)(t.ui_kit$Title,{level:5,className:"indexing-tray__title",children:i("Move stopped")});default:return null}}function Mu(e,i,l){switch(e.kind){case"scanning":case"indexing":return(0,o.jsx)(t.ui_kit$Button,{type:"link",size:"small",onClick:i.onCancel,disabled:e.cancelling,children:e.cancelling?l("Stopping…"):l("Cancel")});case"failed":return(0,o.jsx)(t.ui_kit$Button,{type:"link",size:"small",onClick:i.onRetry,children:l("Retry")});case"cancelled":return(0,o.jsx)(t.ui_kit$Button,{type:"link",size:"small",onClick:i.onRetry,children:l("Resume")});case"done":return(0,o.jsx)(t.ui_kit$Button,{type:"link",size:"small",onClick:i.onDismiss,children:l("Close")});default:return null}}var Du=2500,ha=48,Vu=4e3;function Hu(e){switch(e.status){case"running":return e.phase==="indexing"?{kind:"indexing",scanned:e.scanned??0,total:e.total??0,cancelling:!!e.cancelling}:{kind:"scanning",scanned:e.scanned??0,cancelling:!!e.cancelling};case"done":return{kind:"done",files:e.files??0,folders:e.folders??0,trashed:e.trashed??0};case"failed":return{kind:"failed"};case"cancelled":return{kind:"cancelled"};default:return{kind:"hidden"}}}function Uu(e){return e.kind==="done"||e.kind==="failed"||e.kind==="cancelled"}function Wu({projectId:e,api:i,triggered:l,onCompleted:s}){const[a,d]=(0,n.useState)({kind:"hidden"}),c=(0,n.useRef)(!1),p=(0,n.useRef)(!0),f=(0,n.useRef)(e);f.current=e;const x=(0,n.useRef)(l);x.current=l;const k=(0,n.useRef)(s);k.current=s,(0,n.useEffect)(()=>(p.current=!0,()=>{p.current=!1}),[]),(0,n.useEffect)(()=>{d({kind:"hidden"})},[e]);const h=(0,n.useCallback)(async()=>{try{const R=await i.files.backfillList({project_id:e});return!R.ok||R.error?null:Hu(R.data)}catch{return null}},[i,e]),b=(0,n.useCallback)(async()=>{if(c.current)return;c.current=!0;const R=f.current;let _=0;try{for(;p.current&&f.current===R&&x.current;){const E=await h();if(!p.current)break;if(E)if(E.kind==="hidden"){if(_+=1,_>=ha){d({kind:"failed"});break}}else{if(_=0,d(E),E.kind==="done")try{await k.current?.()}catch{}if(Uu(E))break}else if(_+=1,_>=ha){d({kind:"failed"});break}await new Promise(w=>setTimeout(w,Du))}}finally{c.current=!1}},[h]);return(0,n.useEffect)(()=>{l&&b()},[l,b]),(0,n.useEffect)(()=>{if(a.kind!=="done")return;const R=setTimeout(()=>{p.current&&d({kind:"hidden"})},Vu);return()=>clearTimeout(R)},[a.kind]),{state:a,cancel:(0,n.useCallback)(()=>{d(R=>R.kind==="scanning"||R.kind==="indexing"?{...R,cancelling:!0}:R),i.files.backfillCancelCreate({project_id:e})},[i,e]),retry:(0,n.useCallback)(()=>{x.current=!0,i.files.backfillCreate({project_id:e}),b()},[i,e,b]),dismiss:(0,n.useCallback)(()=>d({kind:"hidden"}),[])}}var zu=r.lazyRoute(()=>(0,Lt.__vitePreload)(()=>Promise.resolve().then(()=>fo("./3ece766f.js")),void 0,{}.url)),Gu=r.lazyRoute(()=>(0,Lt.__vitePreload)(()=>Promise.resolve().then(()=>fo("./df41de18.js")),void 0,{}.url)),ba={height:"100%"};function Yu(e){(e?(0,Lt.__vitePreload)(()=>Promise.resolve().then(()=>fo("./9aefcefb.js")),void 0,{}.url):(0,Lt.__vitePreload)(()=>Promise.resolve().then(()=>fo("./828583e1.js")),void 0,{}.url)).catch(()=>{})}var Xu=({storageProvider:e,dataProvider:i,pathProxy:l,usesBuiltInStorage:s,contentKey:a})=>{const d=r.useAppConfig(),c=r.isImageEditModal(r.useSelector(r.selectActiveModal$1)),p=!!d.imageCenterFileManagerView;(0,n.useEffect)(()=>{c&&Yu(p)},[c,p]);let f=(0,o.jsx)(t.ui_kit$PageLoader,{style:ba});return e&&i&&d.imageCenterFileManagerView?f=(0,o.jsx)(zu,{storageProvider:e,dataProvider:i,pathProxy:l},a):e&&i&&(f=(0,o.jsx)(Gu,{dataProvider:i,usesBuiltInStorage:s},a)),(0,o.jsx)(n.Suspense,{fallback:(0,o.jsx)(t.ui_kit$PageLoader,{style:ba}),children:f})};function Ku(){const e=r.useAppConfig(),i=r.useIsStandalone(),l=r.useStorageProvider(),s=r.useProjectData(),a=r.useRestClient(r.EM_FILES_MODULES),d=r.useStore(),c=(0,n.useMemo)(()=>r.createRestClientV2(d),[d]),p=r.useI18n(),f=r.useCurrentUser(),x=s?.id?String(s.id):"",k=f?.id!=="0"?String(f.id):"",h=r.isFileManagerV2Enabled(e),[b,R]=(0,n.useState)(null),_=h&&!!x&&b===x,[E,w]=(0,n.useState)(0),[v,P]=(0,n.useState)(0),j=(0,n.useRef)(x);(0,n.useEffect)(()=>{j.current!==x&&(j.current=x,R(null))},[x]);const I=(0,n.useCallback)(O=>{O&&x&&R(x)},[x]),C=(0,n.useMemo)(()=>r.buildResolvedFileManagerProviders({storageProvider:l,projectId:x,restApi:a,restApiV2:c,i18n:p,pathPostfix:k,appConfig:e,isStandalone:i,onIndexingStateChange:I}),[e,I,p,i,x,E,a,c,l,k]),Y=(0,n.useCallback)(async()=>{try{typeof C.dataProvider?.clearCache=="function"&&await C.dataProvider.clearCache()}catch{}R(null),w(O=>O+1),P(O=>O+1)},[C.dataProvider]),z=(0,n.useCallback)(()=>{x&&R(x)},[x]);return{...C,projectId:x,restApiV2:c,v2Enabled:h,backfillTriggered:_,contentKey:`${x}:${v}`,handleIndexingCompleted:Y,markIndexingStarted:z}}var qu={height:"100%"},fa=()=>{const{storageProvider:e,dataProvider:i,pathProxy:l,usesBuiltInStorage:s,projectId:a,restApiV2:d,v2Enabled:c,backfillTriggered:p,contentKey:f,handleIndexingCompleted:x,markIndexingStarted:k}=Ku(),h=r.useSelector(r.selectActiveModal$1),b=r.isImageCenterModal(h),{state:R,cancel:_,retry:E,dismiss:w}=Wu({projectId:a,api:d,triggered:p,onCompleted:x}),v=n.default.useCallback(()=>{k(),E()},[k,E]);return(0,o.jsxs)(o.Fragment,{children:[b&&(0,o.jsx)(n.Suspense,{fallback:(0,o.jsx)(t.ui_kit$PageLoader,{style:qu}),children:(0,o.jsx)(Xu,{storageProvider:e,dataProvider:i,pathProxy:l,usesBuiltInStorage:s,contentKey:f})}),c&&(0,o.jsx)($u,{state:R,onCancel:_,onRetry:v,onDismiss:w})]})},Ju=(function(){var e=window.__useblocks__;if(e&&e.assetUrl)return e.assetUrl("icon-menu-block-welcome.1c534a003522feadd2e7.png");if(e&&e.publicPath)try{return new URL("static/media/icon-menu-block-welcome.1c534a003522feadd2e7.png",e.publicPath).href}catch{}try{return new URL("/static/media/icon-menu-block-welcome.1c534a003522feadd2e7.png",typeof document<"u"&&document.baseURI?document.baseURI:typeof window<"u"&&window.location?window.location.href:"").href}catch{return"/static/media/icon-menu-block-welcome.1c534a003522feadd2e7.png"}})();function Qu(e){return!!(e?.global_block??e?.acf?.global_block)}var Zu=({className:e,size:i=16})=>{const l=r.useAppConfig(),{__:s}=r.useI18n(),a=s("Global block");return(0,o.jsx)(t.ui_kit$Tooltip,{title:a,placement:"top",trigger:["hover"],children:(0,o.jsx)("span",{className:(0,De.default)("block-global-badge",e),"aria-label":a,role:"img",children:(0,o.jsx)(r.EmIcons,{icon:"Globe02Icon",component:t.icons$Globe02Icon,size:i,strokeWidth:l.iconStrokeWidth})})})},ga=new Map;function _a(e){return`<table cellspacing="0" cellpadding="0" border="0" width="100%">${e}</table>`}function pr(e,i){const l=i??"";if(e===void 0)return r.sanitizeHtml(_a(l));const s=String(e),a=ga.get(s);if(a&&a.source===l)return a.markup;const d=r.sanitizeHtml(_a(l));return ga.set(s,{source:l,markup:d}),d}var{name:hr,type:xa,tags:ka}={name:"name",type:"type",tags:"tags"},Ea={[hr]:"",[xa]:[],[ka]:[]},ht={Header:10,Menu:20,Banners:30,Content:40,Lists:50,Buttons:60,Promocodes:70,"E-Commerce":80,Transactional:80,Articles:90,Polls:100,Applications:110,Feature:120,Separators:130,Contacts:140,Footer:150},br=({parentEmailId:e,blocksTab:i,search:l,reloadBlockScreens:s,setIsShowAddAllBlocksModal:a})=>{const d=r.parentEmailSource(e),c=r.useEditorProjectId(),p=wo.useSetHtmlElementInIframeHandler(),f=wo.useDragStartBlockToIframeHandler(),[x]=t.ui_kit$Form.useForm(),{data:k}=r.useGetBlocksSchemaQuery(),{token:h}=(0,t.ui_kit$useToken)(),{__:b,_x:R}=r.useI18n(),_=r.useNotification(),{modal:E}=t.ui_kit$App.useApp(),{confirm:w}=E;r.useRoutePathname();const v=r.useSelector(r.selectParentBlocks),P=_s(),j=(0,n.useRef)(null),I=(0,n.useRef)(null),C=r.useRootElement(),Y=640,z=207/Y,O=B=>Qu(B)?(0,o.jsx)("div",{className:"blocks-search__result-global-mark",children:(0,o.jsx)(Zu,{className:"block-global-badge--tile",size:14})}):null,N=r.useEmailAttribute("common_styles"),S=(0,n.useMemo)(()=>ks(N,P),[N,P]),Q=(0,n.useRef)(null),J=(0,n.useRef)(null),re=(0,n.useRef)(null),te=r.useStore();(0,n.useEffect)(()=>{I.current?.scrollTo({top:0})},[i,l]);const pe=r.useProjectData(),{data:be}=r.useGetTermsQuery({project:pe,kind:r.BLOCK_TAGS},{skip:!pe?.id}),[ae,xe]=(0,n.useState)(()=>r.projectBlocksArgs(c));(0,n.useEffect)(()=>{l||(x.setFieldsValue(Ea),D({type:null,name:null}),s())},[l,x,s]),(0,n.useEffect)(()=>{if(k){const B=k.schema.properties.acf.properties.type.items.enum;let T=[];for(let m in B)T.push({label:b(r.TYPES_TRANSLATE[B[m]]),value:B[m]})}},[k,b]);const{isSuccess:Ie,isError:ne,isLoading:Fe,isFetching:je,data:le,refetch:Ee,error:ce}=r.useGetBlocksQuery({...ae,page:1}),ee=(0,n.useMemo)(()=>{if(Ie&&le)return[...le].sort((B,T)=>ht[B.type]-ht[T.type])},[Ie,le]),[ue,se]=(0,n.useState)([]);r.usePrevious(B=>{B!==ne&&_.fromError("BLOCK_GET_ERROR",{},ce,!0)},[ne,ce,_]);const[Z,q]=(0,n.useState)(()=>r.parentEmailBlocksArgs(d)),{isSuccess:G,isError:X,isLoading:ie,isFetching:Be}=r.useGetParentEmailBlocksQuery({...Z,emailId:d,page:1},{skip:!d||v.length}),ge=(0,n.useMemo)(()=>{if(G||v.length)return[...v].sort((B,T)=>ht[B.type]-ht[T.type])},[G,v]),[Pe,Re]=(0,n.useState)([]);(0,n.useEffect)(()=>{const B=new Set;if(v.length&&ge){for(const T of ge)T.type&&B.add(T.type);Re(Array.from(B))}else Re([])},[v,ge]);const[Le,K]=(0,n.useState)(r.templateBlocksArgs),{isSuccess:de,isError:ve,isLoading:H,isFetching:Te,data:we=[]}=r.useGetTemplateBlocksQuery({...Le,page:1}),Ae=(0,n.useMemo)(()=>{if(we.length)return[...we].sort((B,T)=>ht[B.type]-ht[T.type])},[we]),[Ve,Me]=(0,n.useState)([]);(0,n.useEffect)(()=>{const B=new Set;if(Ae&&we.length){for(const T of Ae)T.type&&B.add(T.type);Me(Array.from(B))}},[we.length,Ae]);const He=(0,n.useMemo)(()=>{const B=new Set;for(const T of ue)B.add(T);for(const T of Pe)B.add(T);for(const T of Ve)B.add(T);return Array.from(B)},[Ve,Pe,ue]),D=B=>{xe(T=>({...T,...B,page:1})),q(T=>({...T,...B,page:1})),K(T=>({...T,...B,page:1}))},me=r.useFitBlockPreviewHeight(z),V=(0,n.useCallback)(()=>{C.querySelector(".blocks-search__result-wrapper.is_search")&&(C.querySelector(".blocks-search__result-wrapper").style.removeProperty("transition"),C.querySelector(".blocks-search__result-wrapper").style.opacity=0,r.measureBlockPreviews(C,207/Y),C.querySelector(".blocks-search__result-wrapper").style.transition="opacity 0.2s",C.querySelectorAll(".blocks-search__result-wrapper").forEach(B=>B.style.opacity=1))},[Y,C]);(0,n.useEffect)(()=>{!(Te||H)&&de&&i!=="template"&&(l?V():s())},[Te,H,de,V,ae.name,s,l,i]),(0,n.useEffect)(()=>{const B=new Set;if(Ie&&ee){for(const T of ee)T.type&&B.add(T.type);se(Array.from(B))}},[Ie,ee]);const oe=B=>{const T=Object.keys(B)[0],m=x.getFieldsValue(!0);switch(T){case ka:const $=(be||[]).filter(U=>B[T].includes(U.name)).map(U=>U.id)||null;D({tags:$});break;case xa:D({type:m.type||null});break;case hr:j.current&&window.clearTimeout(j.current),j.current=window.setTimeout(function(){D({name:m.name||null})},300)}},ke=B=>{s(),B.target.getAttribute("data-type")?(B.target.closest(".blocks-search").querySelectorAll(".blocks-search__result").forEach(T=>T.style.display="none"),B.target.closest(".blocks-search").querySelectorAll(`[data-type="${B.target.getAttribute("data-type")}"]`).forEach(T=>T.style.display="block")):B.target.closest(".blocks-search").querySelectorAll(".blocks-search__result").forEach(T=>T.style.display="block"),B.target.parentElement.querySelector(".active").classList.remove("active"),B.target.classList.add("active")};let $e=null;const ze=B=>{clearTimeout($e);let T=C.querySelector(".block-search__preview")?C.querySelector(".block-search__preview"):null,m=C.querySelector(".block-search__preview-title")?C.querySelector(".block-search__preview-title"):null,$=C.querySelector(".block-search__preview-content")?C.querySelector(".block-search__preview-content"):null;C.querySelector(".block-search__preview")||(T=document.createElement("div"),T.classList.add("block-search__preview"),m=document.createElement("div"),m.classList.add("block-search__preview-title"),$=document.createElement("div"),$.classList.add("block-search__preview-content"),T.append($),T.append(m),C.querySelector(".email-pane__col_settings-inner").append(T)),m.innerHTML="",$.innerHTML="",m.innerHTML=B.title;let U=B.html.replaceAll(/<style((.|\n|\r)*?)<\/style>/gi,"").trim();$.innerHTML=r.sanitizeHtml('<table cellspacing="0" cellpadding="0" border="0" width="100%">'+U+"</table>"),T.style.opacity!=="1"&&setTimeout(function(){T.style.opacity="1",T.style.transform=document.querySelector(".email-pane__col-wrapper_reverse")?"translateX(100%)":"translateX(-100%)"},10)},Ge=()=>{let B=C.querySelector(".block-search__preview");B&&($e=setTimeout(()=>{B.style.opacity="0",B.style.transform=document.querySelector(".email-pane__col-wrapper_reverse")?"translateX(99%)":"translateX(-99%)",setTimeout(function(){B.remove()},300)},300))};(0,n.useEffect)(()=>{C.querySelectorAll(".blocks-search__result").forEach(B=>{B.style.display="block"})},[i]);const Ye=!le?.length&&(!d||!v?.length)&&!we?.length&&(ae.tags||ae.name||ae.type)&&!(Fe||je),F=B=>te.dispatch(r.blocksApi.endpoints.deleteBlock.initiate(B.id)).then(T=>{T.error&&_.fromError("BLOCK_REMOVING_ERROR",r.getBlockDesc(B),T.error),_.success({id:"BLOCK_REMOVING_SUCCESS",data:r.getBlockDesc(B),title:b('The block "')+T.data.title+R('" was successfully removed.',"block")}),Ee()});(0,n.useEffect)(()=>{!Fe&&!je&&s()},[Fe,je,s]),(0,n.useEffect)(()=>{(i==="common"||l)&&setTimeout(s,50)},[le,s,i,l]);const L=B=>{w({mask:{closable:!0},centered:!0,title:R("Are you sure you want to delete the “","block")+B.title+b("” block?"),icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:22,style:{color:t.ui_kit$iconColors.danger,marginInlineEnd:12,flexShrink:0}}),okText:b("Yes"),cancelText:b("No"),onOk:()=>F(B)})},y=B=>[{key:"Delete block",className:"blocks-search__result__menu-item",icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:16,style:{margin:0}}),style:{color:h.colorError},onClick:()=>L(B)}],M=B=>{let T=B.html.substring(0,3)==="<tr"?document.createElement("table"):document.createElement("div");if(T.replaceChildren(...r.parseFromString(B.html)),Object.keys(S).length!==0&&(T.querySelectorAll(".em-contrast-card").forEach(m=>{S.cards?.contrastBackgroundColor&&(m.getAttribute("bgcolor")?S.cards.contrastBackgroundColor?m.setAttribute("bgcolor",S.cards.contrastBackgroundColor):m.removeAttribute("bgcolor"):S.cards.contrastBackgroundColor?m.style.backgroundColor=S.cards.contrastBackgroundColor:m.style.removeProperty("background-color")),S.cards?.contrastTextColor&&m.querySelectorAll('div[style*="font-family"], span[style*="font-family"]').forEach($=>{if(Ne($.style.color).toLowerCase()!=="#ffffff"){let U=$.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.cards.contrastTextColor};`);$.setAttribute("style",U)}})}),T.querySelectorAll(".em-card").forEach(m=>{S.cards?.baseBackgroundColor&&(m.getAttribute("bgcolor")?S.cards.baseBackgroundColor?m.setAttribute("bgcolor",S.cards.baseBackgroundColor):m.removeAttribute("bgcolor"):S.cards.baseBackgroundColor?m.style.backgroundColor=S.cards.baseBackgroundColor:m.style.removeProperty("background-color")),S.cards?.baseTextColor&&m.querySelectorAll('div[style*="font-family"], span[style*="font-family"]').forEach($=>{if(Ne($.style.color).toLowerCase()!=="#ffffff"){let U=$.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.cards.baseTextColor};`);$.setAttribute("style",U)}})}),T.querySelectorAll(".em-card, .em-contrast-card").forEach(m=>{S.cards?.border&&Xe({settings:{border:S.cards?.border},elem:m}),S.cards?.borderRadius?.all?(m.style.borderBottomLeftRadius&&m.style.borderBottomLeftRadius!=="0px"&&(m.style.borderBottomLeftRadius=S.cards?.borderRadius.all+"px"),m.style.borderBottomRightRadius&&m.style.borderBottomRightRadius!=="0px"&&(m.style.borderBottomRightRadius=S.cards?.borderRadius.all+"px"),m.style.borderTopLeftRadius&&m.style.borderTopLeftRadius!=="0px"&&(m.style.borderTopLeftRadius=S.cards?.borderRadius.all+"px"),m.style.borderTopRightRadius&&m.style.borderTopRightRadius!=="0px"&&(m.style.borderTopRightRadius=S.cards?.borderRadius.all+"px")):S.cards?.borderRadius?.all===""?m.style.removeProperty("border-radius"):(S.cards?.borderRadius?.topLeft&&m.style.borderTopLeftRadius&&m.style.borderTopLeftRadius!=="0px"?m.style.borderTopLeftRadius=S.cards?.borderRadius.topLeft+"px":S.cards?.borderRadius?.topLeft===""&&m.style.removeProperty("border-top-left-radius"),S.cards?.borderRadius?.topRight&&m.style.borderTopRightRadius&&m.style.borderTopRightRadius!=="0px"?m.style.borderTopRightRadius=S.cards?.borderRadius.topRight+"px":S.cards?.borderRadius?.topRight===""&&m.style.removeProperty("border-top-right-radius"),S.cards?.borderRadius?.bottomRight&&m.style.borderBottomRightRadius&&m.style.borderBottomRightRadius!=="0px"?m.style.borderBottomRightRadius=S.cards?.borderRadius.bottomRight+"px":S.cards?.borderRadius?.bottomRight===""&&m.style.removeProperty("border-bottom-right-radius"),S.cards?.borderRadius?.bottomLeft&&m.style.borderBottomLeftRadius&&m.style.borderBottomLeftRadius!=="0px"?m.style.borderBottomLeftRadius=S.cards?.borderRadius.bottomLeft+"px":S.cards?.borderRadius?.bottomLeft===""&&m.style.removeProperty("border-bottom-left-radius"))}),T.querySelectorAll('div[style*="font-family"], span[style*="font-family"]').forEach(m=>{if(!m.style.display&&parseFloat(m.style.fontSize)<=20){let $="",U=S.text.fontFamily;if(parseFloat(m.style.fontSize)>14&&($=m.getAttribute("style").replace(/font-size:(\s+)?.*?px/,`font-size: ${S.text.fontSize}px`).replace(/line-height:(\s+)?.*?px/,`line-height: ${S.text.lineHeight}px`),m.setAttribute("style",$)),!m.closest(".em-contrast-card, .em-card")&&Ne(m.style.color).toLowerCase()!=="#ffffff"&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.text.color};`),m.setAttribute("style",$)),m.closest(".em-contrast-block")&&!m.closest(".em-contrast-card, .em-card")&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.text.contrastColor};`),m.setAttribute("style",$)),U[0]==="Safe Fonts"?(m.style.fontFamily=U[1],fe({elem:T})):U[0]==="Google Fonts"&&(U[1]==="Sans Serif"?m.style.fontFamily="Helvetica, Arial, sans-serif":U[1]==="Serif"&&(m.style.fontFamily='"Times New Roman", Times, serif'),m.classList.remove(...[...m.classList].filter(ye=>ye.startsWith("em-font"))),m.classList.add(`em-font-${U[2].replace(/\s/g,"")}-${U[3].replace(/\s/g,"")}`),eo({elem:T,fontFamilyArray:U})),m.closest('[em="atom"] > tr > td')&&m.closest('[em="atom"] > tr > td').style.paddingBottom)m.closest('[em="atom"] > tr > td').style.paddingBottom=S.text.paddingBottom+"px";else if(m.nextElementSibling||m.closest("table")&&m.closest("table").nextElementSibling){let ye=m.nextElementSibling??m.closest("table").nextElementSibling;ye&&ye.tagName==="TABLE"&&(ye.classList.contains("em-vindent-table")||ye.querySelector("td").innerHTML==="")&&ye.querySelector("td").setAttribute("height",S.text.paddingBottom)}}else if(!m.style.display&&parseFloat(m.style.fontSize)>=20&&Ne(m.style.color).toLowerCase()!=="#eb3737"){let $="",U=S.headings.fontFamily;parseFloat(m.style.fontSize)<40&&($=m.getAttribute("style").replace(/font-size:(\s+)?.*?px/,`font-size: ${S.headings.fontSize}px`).replace(/line-height:(\s+)?.*?px/,`line-height: ${S.headings.lineHeight}px`),m.setAttribute("style",$)),!m.closest(".em-contrast-card, .em-card")&&Ne(m.style.color).toLowerCase()!=="#ffffff"&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.headings.color};`),m.setAttribute("style",$)),m.closest(".em-contrast-block")&&!m.closest(".em-contrast-card, .em-card")&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.headings.contrastColor};`),m.setAttribute("style",$)),U[0]==="Safe Fonts"?(m.style.fontFamily=U[1],fe({elem:T})):U[0]==="Google Fonts"&&(U[1]==="Sans Serif"?m.style.fontFamily="Helvetica, Arial, sans-serif":U[1]==="Serif"&&(m.style.fontFamily='"Times New Roman", Times, serif'),m.classList.remove(...[...m.classList].filter(he=>he.startsWith("em-font"))),m.classList.add(`em-font-${U[2].replace(/\s/g,"")}-${U[3].replace(/\s/g,"")}`),eo({elem:T,fontFamilyArray:U}));let ye="";if(S.headings.letterSpacing>0?ye=m.style.letterSpacing?m.getAttribute("style").replace(/letter-spacing:(\s+)?.*?px/,`letter-spacing: ${S.headings.letterSpacing}px`):m.getAttribute("style")+` letter-spacing: ${S.headings.letterSpacing}px;`:ye=m.getAttribute("style").replace(/(\s+)?letter-spacing:(\s+)?.*?px(;)?/,""),m.setAttribute("style",ye),S.headings.bold?m.querySelector("b")?m.querySelector("b").replaceWith(...m.querySelector("b").childNodes):m.querySelector("strong")||(m.innerHTML="<strong>"+m.innerHTML+"</strong>"):m.querySelector("strong")?m.querySelector("strong").replaceWith(...m.querySelector("strong").childNodes):m.querySelector("b")&&m.querySelector("b").replaceWith(...m.querySelector("b").childNodes),m.style.fontWeight){let he=m.getAttribute("style").replace(/(\s+)?font-weight:(\s+)?(bold|[0-9]*)(;)?/,"");m.setAttribute("style",he)}if(S.headings.italic?m.querySelector("i")?m.querySelector("i").replaceWith(...m.querySelector("i").childNodes):m.querySelector("em")||(m.innerHTML="<em>"+m.innerHTML+"</em>"):m.querySelector("em")?m.querySelector("em").replaceWith(...m.querySelector("em").childNodes):m.querySelector("i")&&m.querySelector("i").replaceWith(...m.querySelector("i").childNodes),m.style.fontStyle){let he=m.getAttribute("style").replace(/(\s+)?font-style:(\s+)?.*?;/,"");m.setAttribute("style",he)}if(m.closest('[em="atom"] > tr > td')&&m.closest('[em="atom"] > tr > td').style.paddingTop)m.closest('[em="atom"] > tr > td').style.paddingTop=S.headings.paddingTop+"px";else if(m.previousElementSibling){let he=m.previousElementSibling;he&&he.tagName==="TABLE"&&(he.classList.contains("em-vindent-table")||he.querySelector("td").innerHTML==="")&&he.querySelector("td").setAttribute("height",S.headings.paddingTop)}if(m.closest('[em="atom"] > tr > td')&&m.closest('[em="atom"] > tr > td').style.paddingBottom)m.closest('[em="atom"] > tr > td').style.paddingBottom=S.headings.paddingBottom+"px";else if(m.nextElementSibling){let he=m.nextElementSibling;he&&he.tagName==="TABLE"&&(he.classList.contains("em-vindent-table")||he.querySelector("td").innerHTML==="")&&he.querySelector("td").setAttribute("height",S.headings.paddingBottom)}}}),T.querySelectorAll('a[style*="color"]').forEach(m=>{if(m.style.display){if(m.style.display&&m.style.display==="block"){let $="";if($=m.getAttribute("style").replace(/font-size:(\s+)?.*?px/,`font-size: ${S.buttons.fontSize}px`),m.setAttribute("style",$),m.closest("td").style.backgroundColor&&!m.closest("td").style.borderWidth&&!m.closest(".em-contrast-card"))if(m.closest(".em-contrast-block")?$=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.contrastColor};`):$=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.color};`),m.setAttribute("style",$),m.closest(".em-contrast-block"))if(S.buttons.contrastBackgroundColor){let he=m.closest("td").getAttribute("style").replace(/background-color:(\s+)?.*?;/,`background-color: ${S.buttons.contrastBackgroundColor};`);m.closest("td").setAttribute("style",he)}else m.closest("td").style.removeProperty("background-color");else if(S.buttons.backgroundColor){let he=m.closest("td").getAttribute("style").replace(/background-color:(\s+)?.*?;/,`background-color: ${S.buttons.backgroundColor};`);m.closest("td").setAttribute("style",he)}else m.closest("td").style.removeProperty("background-color");else if(m.closest("td").style.borderWidth)if(Object.values(S.buttons.border).every(he=>he===null)){if(m.closest(".em-contrast-block")){if(S.buttons.contrastBackgroundColor){let he=m.closest("td").getAttribute("style").replace(/border:\s*\d+px\s+solid\s+#[A-Fa-f0-9]{6}/,We=>We.replace(/#[A-Fa-f0-9]{6}/,`${S.buttons.contrastBackgroundColor}`));m.closest("td").setAttribute("style",he),$=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.contrastBackgroundColor};`),m.setAttribute("style",$)}}else if(S.buttons.backgroundColor){let he=m.closest("td").getAttribute("style").replace(/border:\s*\d+px\s+solid\s+#[A-Fa-f0-9]{6}/,We=>We.replace(/#[A-Fa-f0-9]{6}/,`${S.buttons.backgroundColor}`));m.closest("td").setAttribute("style",he),$=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.backgroundColor};`),m.setAttribute("style",$)}}else for(const he in S.buttons.border)S.buttons.border[he]&&S.buttons.border[he].color!==void 0&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.border[he].color};`),m.setAttribute("style",$));else m.closest(".em-contrast-block")?S.buttons.contrastBackgroundColor&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.contrastBackgroundColor};`),m.setAttribute("style",$)):S.buttons.backgroundColor&&($=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.buttons.backgroundColor};`),m.setAttribute("style",$));let U=S.buttons.fontFamily;U[0]==="Safe Fonts"?(m.style.fontFamily=U[1],fe({elem:T})):U[0]==="Google Fonts"&&(U[1]==="Sans Serif"?m.style.fontFamily="Helvetica, Arial, sans-serif":U[1]==="Serif"&&(m.style.fontFamily='"Times New Roman", Times, serif'),m.classList.remove(...[...m.classList].filter(he=>he.startsWith("em-font"))),m.classList.add(`em-font-${U[2].replace(/\s/g,"")}-${U[3].replace(/\s/g,"")}`),eo({elem:T,fontFamilyArray:U})),m.closest("td").setAttribute("align",S.buttons.textAlign);let ye="";if(S.buttons.letterSpacing>0?ye=m.style.letterSpacing?m.getAttribute("style").replace(/letter-spacing:(\s+)?.*?px/,`letter-spacing: ${S.buttons.letterSpacing}px`):m.getAttribute("style")+` letter-spacing: ${S.buttons.letterSpacing}px;`:ye=m.getAttribute("style").replace(/(\s+)?letter-spacing:(\s+)?.*?px(;)?/,""),m.setAttribute("style",ye),S.buttons.bold?m.querySelector("b")?m.querySelector("b").replaceWith(...m.querySelector("b").childNodes):m.querySelector("strong")||(m.innerHTML="<strong>"+m.innerHTML+"</strong>"):m.querySelector("strong")?m.querySelector("strong").replaceWith(...m.querySelector("strong").childNodes):m.querySelector("b")&&m.querySelector("b").replaceWith(...m.querySelector("b").childNodes),m.style.fontWeight){let he=m.getAttribute("style").replace(/(\s+)?font-weight:(\s+)?(bold|[0-9]*)(;)?/,"");m.setAttribute("style",he)}if(S.buttons.italic?m.querySelector("i")?m.querySelector("i").replaceWith(...m.querySelector("i").childNodes):m.querySelector("em")||(m.innerHTML="<em>"+m.innerHTML+"</em>"):m.querySelector("em")?m.querySelector("em").replaceWith(...m.querySelector("em").childNodes):m.querySelector("i")&&m.querySelector("i").replaceWith(...m.querySelector("i").childNodes),m.style.fontStyle){let he=m.getAttribute("style").replace(/(\s+)?font-style:(\s+)?.*?;/,"");m.setAttribute("style",he)}if(m.closest('[em="atom"] > tr > td')&&m.closest('[em="atom"] > tr > td').style.paddingTop)m.closest('[em="atom"] > tr > td').style.paddingTop=S.buttons.marginTop+"px";else if(m.closest("table").previousElementSibling){let he=m.closest("table").previousElementSibling;he&&he.tagName==="TABLE"&&(he.classList.contains("em-vindent-table")||he.querySelector("td").innerHTML==="")&&he.querySelector("td").setAttribute("height",S.buttons.marginTop)}if(m.closest('[em="atom"] > tr > td')&&m.closest('[em="atom"] > tr > td').style.paddingBottom)m.closest('[em="atom"] > tr > td').style.paddingBottom=S.buttons.marginBottom+"px";else if(m.closest("table").previousElementSibling){let he=m.closest("table").nextElementSibling;he&&he.tagName==="TABLE"&&(he.classList.contains("em-vindent-table")||he.querySelector("td").innerHTML==="")&&he.querySelector("td").setAttribute("height",S.buttons.marginBottom)}S.buttons.padding.all&&(m.style.padding=S.buttons.padding.all+"px"),S.buttons.padding.top&&(m.style.paddingTop=S.buttons.padding.top+"px"),S.buttons.padding.right&&(m.style.paddingRight=S.buttons.padding.right+"px"),S.buttons.padding.bottom&&(m.style.paddingBottom=S.buttons.padding.bottom+"px"),S.buttons.padding.left&&(m.style.paddingLeft=S.buttons.padding.left+"px"),Xe({settings:{border:S.buttons.border},elem:m.closest("td")}),lo({settings:{borderRadius:S.buttons.borderRadius},elem:m.closest("td")})}}else{let $=S.text.fontFamily;if(Ne(m.style.color).toLowerCase()==="#1c52dc"){let ye=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.links.color};`);m.setAttribute("style",ye)}else{let ye=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.text.color};`);m.setAttribute("style",ye)}if(m.closest(".em-contrast-block")){let ye=m.getAttribute("style").replace(/color:(\s+)?.*?;/,`color: ${S.links.contrastColor};`);m.setAttribute("style",ye)}let U="";S.links.underline?U=m.style.textDecoration?m.getAttribute("style").replace(/(\s+)?text-decoration:(\s+)?.*?;/,"text-decoration: underline;"):m.getAttribute("style")+" text-decoration: underline;":U=m.style.textDecoration?m.getAttribute("style").replace(/(\s+)?text-decoration:(\s+)?.*?;/,"text-decoration: none;"):m.getAttribute("style")+" text-decoration: none;",m.setAttribute("style",U),$[0]==="Safe Fonts"?(m.style.fontFamily=$[1],fe({elem:T})):$[0]==="Google Fonts"&&($[1]==="Sans Serif"?m.style.fontFamily="Helvetica, Arial, sans-serif":$[1]==="Serif"&&(m.style.fontFamily='"Times New Roman", Times, serif'),m.classList.remove(...[...m.classList].filter(ye=>ye.startsWith("em-font"))),m.classList.add(`em-font-${$[2].replace(/\s/g,"")}-${$[3].replace(/\s/g,"")}`),eo({elem:T,fontFamilyArray:$}))}}),T.querySelector('[em="block"]'))){const m=T.querySelectorAll('[em="block"]');S.block?.backgroundColor&&m.forEach($=>{$.querySelectorAll(":scope > td").forEach(U=>{U.setAttribute("bgcolor",S.block.backgroundColor)})}),S.block?.padding&&m.forEach($=>{$.querySelectorAll(":scope > td").forEach(U=>{U.style.paddingTop=S.block.padding.top+"px",U.style.paddingRight=S.block.padding.right+"px",U.style.paddingBottom=S.block.padding.bottom+"px",U.style.paddingLeft=S.block.padding.left+"px"})})}return T.tagName==="DIV"?r.getElementInnerHTML(T):r.getElementInnerHTML(T.querySelector("tbody")||T)},fe=B=>{B.elem.querySelectorAll("link[em-class]").forEach(T=>{B.elem.querySelector("."+T.getAttribute("em-class"))||T.remove()})};function Ne(B){if(B&&B.charAt(0)==="r"){if(B.charAt(3)==="a")return B=B.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i),B&&B.length===4?"#"+("0"+parseInt(B[1],10).toString(16)).slice(-2)+("0"+parseInt(B[2],10).toString(16)).slice(-2)+("0"+parseInt(B[3],10).toString(16)).slice(-2):"";{B=B.replace("rgb(","").replace(")","").split(",");let T=parseInt(B[0],10).toString(16),m=parseInt(B[1],10).toString(16),$=parseInt(B[2],10).toString(16);return T=T.length===1?"0"+T:T,m=m.length===1?"0"+m:m,$=$.length===1?"0"+$:$,"#"+T+m+$}}else if(B&&B.charAt(0)==="#")return B}const eo=B=>{const T=B.elem.querySelectorAll("link"),m=`em-font-${B.fontFamilyArray[2].replace(/\s/g,"")}-${B.fontFamilyArray[3].replace(/\s/g,"")}`;if(!Array.from(T)?.find(U=>U.getAttribute("em-class")===m)){let U=document.createElement("link");U.setAttribute("rel","stylesheet"),U.setAttribute("href",`https://fonts.googleapis.com/css2?family=${B.fontFamilyArray[2]}:ital,wght@${Qe[B.fontFamilyArray[3]].indexOf("i")>-1?"1":"0"},${Qe[B.fontFamilyArray[3]].replaceAll("i","")}&display=swap`),U.setAttribute("em-class",m),B.elem.insertAdjacentElement("afterbegin",U)}Eo({elem:B.elem});let $=`font-family: '${B.fontFamilyArray[2]}', ${uo[B.fontFamilyArray[1]]}!important;`;$+=` font-weight: ${Qe[B.fontFamilyArray[3]].replaceAll("i","")}!important;`,Qe[B.fontFamilyArray[3]].indexOf("i")>-1&&($+=" font-style: italic!important;"),B.elem.querySelector('style[em="styles"]').insertAdjacentHTML("beforeend",`
+.em-font-${B.fontFamilyArray[2].replace(/\s/g,"")}-${B.fontFamilyArray[3].replace(/\s/g,"")} { ${$} }`),setTimeout(()=>fe({elem:B.elem}),0)},Xe=B=>{B.settings.border.all?B.settings.border.all.width!=null&&(B.settings.border.all.style||B.settings.border.all.color)?(B.elem.style.borderWidth=B.settings.border.all.width+"px",B.elem.style.borderStyle=B.settings.border.all.style,B.elem.style.borderColor=B.settings.border.all.color):B.elem.style.removeProperty("border"):(B.settings.border.top&&(B.settings.border.top.width!=null&&(B.settings.border.top.style||B.settings.border.top.color)?(B.elem.style.borderTopWidth=B.settings.border.top.width+"px",B.elem.style.borderTopStyle=B.settings.border.top.style,B.elem.style.borderTopColor=B.settings.border.top.color):B.elem.style.removeProperty("border-top")),B.settings.border.right&&(B.settings.border.right.width!=null&&(B.settings.border.right.style||B.settings.border.right.color)?(B.elem.style.borderRightWidth=B.settings.border.right.width+"px",B.elem.style.borderRightStyle=B.settings.border.right.style,B.elem.style.borderRightColor=B.settings.border.right.color):B.elem.style.removeProperty("border-right")),B.settings.border.bottom&&(B.settings.border.bottom.width!=null&&(B.settings.border.bottom.style||B.settings.border.bottom.color)?(B.elem.style.borderBottomWidth=B.settings.border.bottom.width+"px",B.elem.style.borderBottomStyle=B.settings.border.bottom.style,B.elem.style.borderBottomColor=B.settings.border.bottom.color):B.elem.style.removeProperty("border-bottom")),B.settings.border.left&&(B.settings.border.left.width!=null&&(B.settings.border.left.style||B.settings.border.left.color)?(B.elem.style.borderLeftWidth=B.settings.border.left.width+"px",B.elem.style.borderLeftStyle=B.settings.border.left.style,B.elem.style.borderLeftColor=B.settings.border.left.color):B.elem.style.removeProperty("border-left")))},lo=B=>{B.settings.borderRadius.all?B.elem.style.borderRadius=B.settings.borderRadius.all+"px":B.settings.borderRadius.all===""?B.elem.style.removeProperty("border-radius"):(B.settings.borderRadius.topLeft?B.elem.style.borderTopLeftRadius=B.settings.borderRadius.topLeft+"px":B.settings.borderRadius.topLeft===""&&B.elem.style.removeProperty("border-top-left-radius"),B.settings.borderRadius.topRight?B.elem.style.borderTopRightRadius=B.settings.borderRadius.topRight+"px":B.settings.borderRadius.topRight===""&&B.elem.style.removeProperty("border-top-right-radius"),B.settings.borderRadius.bottomRight?B.elem.style.borderBottomRightRadius=B.settings.borderRadius.bottomRight+"px":B.settings.borderRadius.bottomRight===""&&B.elem.style.removeProperty("border-bottom-right-radius"),B.settings.borderRadius.bottomLeft?B.elem.style.borderBottomLeftRadius=B.settings.borderRadius.bottomLeft+"px":B.settings.borderRadius.bottomLeft===""&&B.elem.style.removeProperty("border-bottom-left-radius"))},Qe={Thin:"100","Thin Italic":"100i",ExtraLight:"200","ExtraLight Italic":"200i",Light:"300","Light Italic":"300i",Regular:"400","Regular Italic":"400i",Medium:"500","Medium Italic":"500i",SemiBold:"600","SemiBold Italic":"600i",Bold:"700","Bold Italic":"700i",ExtraBold:"800","ExtraBold Italic":"800i",Black:"900","Black Italic":"900i"},uo={"Sans Serif":"sans-serif",Serif:"serif"};function Eo(B){if(!B.elem.querySelector('style[em="styles"]')){let T=document.createElement("style");T.setAttribute("em","styles"),B.elem.append(T)}}return(0,o.jsxs)("div",{className:(0,De.default)("blocks-search",{is_search:l}),children:[(0,o.jsx)(t.ui_kit$Form,{className:(0,De.default)("blocks-search__form",{is_search:l}),form:x,layout:"vertical",name:"blocks_search_form",initialValues:{...Ea},onValuesChange:oe,autoComplete:"off",children:(0,o.jsx)(t.ui_kit$Form.Item,{name:hr,children:(0,o.jsx)(t.ui_kit$SearchInput,{placeholder:b("Search by title"),allowClear:!0,enterButton:!1})})}),(ne||X||ve)&&(0,o.jsx)(t.ui_kit$Alert,{title:b("Error"),description:b("Error when receiving data. Try again (reload page) or contact support."),type:"error",showIcon:!0}),l&&!Ye&&(0,o.jsx)("div",{className:"blocks-search__type-wrapper",children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{"data-type":"",className:"active",onClick:ke,children:b("All")},"search_All"),He.map(B=>(0,o.jsx)("li",{"data-type":B,onClick:ke,children:b(r.TYPES_TRANSLATE[B])},"search_"+B))]})}),(0,o.jsxs)("div",{ref:I,className:(0,De.default)("blocks-search__result-wrapper",{is_search:l}),children:[(i==="project"||l)&&(0,o.jsxs)(o.Fragment,{children:[!!ue.length&&!l&&(0,o.jsx)("div",{className:"blocks-search__type-wrapper",children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{"data-type":"",className:"active",onClick:ke,children:b("All")},"blocksSections_All"),ue.map(B=>(0,o.jsx)("li",{"data-type":B,onClick:ke,children:b(r.TYPES_TRANSLATE[B])},"blocksSections_"+B))]})}),(0,o.jsxs)("div",{className:(0,De.default)("blocks-search__blocks-wrapper",{is_search:l}),ref:Q,children:[(0,o.jsx)("div",{className:"blocks-search__result-holder project",children:!(Fe||je)&&(ee?.length?ee.map((B,T)=>{const m=pr(B.id,B.html);return(0,o.jsx)("div",{className:"blocks-search__result","data-type":B.type,children:(0,o.jsx)(t.ui_kit$Dropdown,{placement:"leftTop",menu:{items:y(B)},styles:{root:{minWidth:"auto",paddingRight:6}},children:(0,o.jsxs)("div",{className:"ant-card-hoverable blocks-search__result-body",draggable:!0,onClick:$=>p($,B.html,"project",B.title,B),onDragStart:$=>f($,B.html,"project",B.title,B),onMouseEnter:()=>ze({html:B.html,title:B.title}),onMouseLeave:Ge,children:[O(B),(0,o.jsx)(r.BlockPreviewShadow,{className:"blocks-search__result-html",html:m,onContentLoad:me,style:{transform:`scale(${z})`}})]})},"commenMenu")},B.id+T.toString())}):!(ae.tags||ae.name||ae.type)&&Ie&&!(Fe||je)&&!l&&(0,o.jsxs)("div",{style:{padding:"10px 0 20px",display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[(0,o.jsxs)("div",{style:{width:"110%"},children:[(0,o.jsx)("h3",{style:{lineHeight:"1.2"},children:b("You don`t have any saved blocks yet.")}),b("To add a block from the dashboard click the"),' "',b("Save to Blocks button."),'" ',(0,o.jsx)(r.EmIcons,{icon:"SaveBlock",component:t.icons$SaveBlock,style:{position:"relative",top:"2px"}}),(0,o.jsx)("br",{}),(0,o.jsx)("br",{}),b("You can also save all blocks at once. The AI assistant will automatically determine the type and create a name for each block when saving."),(0,o.jsx)("br",{}),(0,o.jsx)("br",{}),(0,o.jsx)(t.ui_kit$Flex,{justify:"left",children:(0,o.jsx)(t.ui_kit$Button,{type:"primary",onClick:()=>a(!0),style:{cursor:"pointer"},children:b("Save all blocks")})})]}),(0,o.jsx)("div",{style:{width:"80px",height:"200px"},children:(0,o.jsx)("img",{src:Ju,style:{display:"block",width:80,position:"absolute",right:5}})})]}))}),(Fe||je)&&(0,o.jsx)(t.ui_kit$Skeleton,{active:!0})]})]}),l&&le?.length>0&&v?.length>0&&(0,o.jsx)(t.ui_kit$Divider,{className:"blocks-search__result-divider"}),(i==="template"||l)&&(0,o.jsxs)(o.Fragment,{children:[!!Pe.length&&!l&&(0,o.jsx)("div",{className:"blocks-search__type-wrapper",children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{"data-type":"",className:"active",onClick:ke,children:b("All")},"templateBlocksSections_All"),Pe.map(B=>(0,o.jsx)("li",{"data-type":B,onClick:ke,children:b(r.TYPES_TRANSLATE[B])},"templateBlocksSections_"+B))]})}),(0,o.jsxs)("div",{className:(0,De.default)("blocks-search__blocks-wrapper",{is_search:l}),ref:J,children:[(0,o.jsxs)("div",{className:"blocks-search__result-holder template",children:[v&&!(ie||Be)&&ge?.length?(0,o.jsx)(o.Fragment,{children:ge.map((B,T)=>{const m=pr(B.id,B.html);return(0,o.jsx)("div",{className:"blocks-search__result","data-type":B.type,children:(0,o.jsxs)("div",{className:"ant-card-hoverable blocks-search__result-body",draggable:!0,onClick:$=>p($,B.html,"template",B.title,B),onDragStart:$=>f($,B.html,"template",B.title,B),onMouseEnter:()=>ze({html:B.html,title:B.title}),onMouseLeave:()=>Ge(),children:[O(B),(0,o.jsx)(r.BlockPreviewShadow,{className:"blocks-search__result-html",html:m,onContentLoad:me,style:{transform:`scale(${z})`}})]})},B.id+T.toString())})}):!l&&!H&&!Be&&(0,o.jsx)("div",{className:"blocks-search__type",style:{padding:"10px 0 20px"},children:b("No related blocks found.")})," "]}),(ie||Be)&&(0,o.jsx)(t.ui_kit$Skeleton,{active:!0})]})]}),l&&v?.length>0&&we?.length>0&&(0,o.jsx)(t.ui_kit$Divider,{className:"blocks-search__result-divider"}),(i==="common"||l)&&(0,o.jsxs)(o.Fragment,{children:[!!Ve?.length&&!l&&(0,o.jsx)("div",{className:"blocks-search__type-wrapper",children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{"data-type":"",className:"active",onClick:ke,children:b("All")},"commonBlocksSections_All"),Ve.map(B=>(0,o.jsx)("li",{"data-type":B,onClick:ke,children:b(r.TYPES_TRANSLATE[B])},"commonBlocksSections_"+B))]})}),(0,o.jsxs)("div",{className:(0,De.default)("blocks-search__blocks-wrapper",{is_search:l}),ref:re,children:[(0,o.jsxs)("div",{className:"blocks-search__result-holder common",children:[de&&!!Ae?.length&&!(Te||H)&&(0,o.jsx)(o.Fragment,{children:Ae.map((B,T)=>{const m=M({html:pr(B.id,B.html)});return(0,o.jsx)("div",{className:"blocks-search__result","data-type":B.type,children:(0,o.jsxs)("div",{className:"ant-card-hoverable blocks-search__result-body",draggable:!0,onClick:$=>p($,M({html:B.html}),"common",B.title,B),onDragStart:$=>f($,M({html:B.html}),"common",B.title,B),onMouseEnter:()=>ze({html:M({html:r.sanitizeHtml('<table cellspacing="0" cellpadding="0" border="0" width="100%">'+B.html+"</table>")}),title:B.title}),onMouseLeave:()=>Ge(),children:[O(B),(0,o.jsx)(r.BlockPreviewShadow,{className:"blocks-search__result-html",html:m,onContentLoad:me,style:{transform:`scale(${z})`}})]})},B.id+T.toString())})})," "]}),(H||Te)&&(0,o.jsx)(t.ui_kit$Skeleton,{active:!0})]})]}),Ye&&(0,o.jsx)("div",{className:"blocks-search__type",style:{padding:"10px 0 20px"},children:b("There are no blocks for this request.")})]})]})};br.propTypes={};var Ba=({comments:e,subjectId:i,isLoggedIn:l,projectTitle:s="",emailElementType:a,email:d})=>{const{__:c,_n:p}=r.useI18n(),f=r.useSendPostMessage(),x=r.useNotification(),{token:k}=(0,t.ui_kit$useToken)(),h=r.useAppConfig(),b=r.usePushToDataLayer(),R=(0,n.useRef)(null),[_,E]=(0,n.useState)(""),[w,v]=(0,n.useState)("ADD"),[P,j]=(0,n.useState)(!1),[I,C]=(0,n.useState)(null),[Y,z]=(0,n.useState)(null),[O,N]=(0,n.useState)(""),[S,Q]=(0,n.useState)(""),[J,re]=(0,n.useState)(!1),[te,pe]=(0,n.useState)(""),[be,ae]=r.useAddCommentMutation(),[xe,Ie]=r.useDeleteCommentMutation(),[ne,Fe]=r.useEditCommentMutation(),[je,le]=r.useDeleteTargetMutation(),[Ee]=r.useAutoSaveBlockMutation(),ce=r.useDispatch(),ee=r.useStore(),ue=r.useCurrentUser(),se=r.useCurrentProjectRequested(),Z=r.useContentReader(),q=D=>{const me=r.getEmailDocuments(xo.getContainer(ee));me.save("anchor",{project:D}).then(V=>{const oe=V?me.revisionFacts()?.lastRevisionAt:void 0;oe!==void 0&&d?.id!=null&&ce(r.rememberAutosaveTime({emailId:d.id,modified:new Date(oe).toISOString()}))})},G=()=>{const D=se;if(a==="email"){q(D);return}const me={...d?.meta!==void 0?{meta:d.meta}:{},title:d?.title,emailId:d?.id,project:D,html:Z(),excerpt:d?.date_gmt};Ee({blockId:d?.id,body:me}).catch(V=>{})};function X(D){re(!1),pe(""),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_REMOVE_TARGET,value:te}),j(!0),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_SET_TARGET,value:!0})}function ie(){z(I),e.filter(D=>D.parent===I).length?ne({commentId:I,status:"deleted"}).unwrap():xe(I),document.querySelector('.discuss-main li[id="'+I+'"] .comment-icon-target')?.getAttribute("target-id")&&f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_REMOVE_TARGET,value:document.querySelector('.discuss-main li[id="'+I+'"] .comment-icon-target')?.getAttribute("target-id")}),G(),pe("")}function Be(D){z(I);const me=e.find(oe=>oe.id?.toString()===I),V=me?.target_id?.toString()||"";re(!!V),pe(V),Q(me?.content?.slice(3,-5)?.toString()),v("EDIT")}function ge(D){z(I),N(""),v("REPLY")}const Pe=()=>{x.error({mask:{closable:!0},centered:!0,title:c("Please log in"),content:(r.isUseBlocksBuild()?c("To leave comments you must be logged into Blocks and added to the project "):c("To leave comments you must be logged into EmailMaker and added to the project "))+`${s}.`,okText:c("Okay. I'll log in.")})};async function Re(){l?(await ne({commentId:Y,content:S,targetId:te}).unwrap(),v("ADD"),Q(""),z(0),re(!1),j(!1),pe(""),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_RESET})):Pe()}const Le=D=>{v("ADD"),Q(""),z(0),re(!1),j(!1),pe(""),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_RESET})},K=async()=>{l?((_||O)&&await be({subjectId:i,author:ue.id,parent:w==="ADD"?"0":Y,content:_||O,author_name:ue.name,author_email:ue.email,targetId:te}).then(D=>{D.error?x.error({title:D.error.data.code,description:D.error.data.message}):b({event:"submit",action:"send_discussion_chat_message",entity_type:a==="block"?"block":"email",entity_id:d?.id,project_id:d?.project,context:"editor"})}),pe(""),v("ADD"),N(""),E(""),z(0),re(!1),j(!1),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_RESET})):Pe()};function de(){J?(j(!1),re(!1),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_REMOVE_TARGET,value:te})):(j(!P),f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_SET_TARGET,value:!P}),P&&re(!1))}function ve(D){let me=JSON.parse(JSON.stringify(D));if(!me||!me.length)return[];let V=[],oe=new Map;for(let ke=0,$e=me.length;ke<$e;++ke){let ze=me[ke],Ge=oe.get(ze.id);if((!Ge||Array.isArray(Ge))&&(Ge&&(ze.children=Ge),oe.set(ze.id,ze)),String(ze.parent)==="0")V.push(ze);else{let Ye=oe.get(ze.parent);Ye?(Array.isArray(Ye)?Ye:Ye.children=Ye.children||[]).push(ze):oe.set(ze.parent,[ze])}}return V.forEach(ke=>{ke.status==="deleted"&&!ke.children&&(Ie.isUninitialized||Ie.isSuccess)&&xe(ke.id).unwrap().catch($e=>{})}),V}const H=D=>{const me=D.data.operation;if(me===r.EVENT_TYPES.APPLICATION_DISCUSS_SET_ID&&(pe(D.data.settings.value),D.data.settings.value!==""?(re(!0),j(!1)):(re(!1),j(!0))),me===r.EVENT_TYPES.APPLICATION_DISCUSS_SAVE_TARGET&&G(),me===r.EVENT_TYPES.APPLICATION_DISCUSS_GET_COMMENT)if(document.querySelector('.comment-icon-target[target-id="'+D.data.settings.targetId+'"]')){let V=document.querySelector('.comment-icon-target[target-id="'+D.data.settings.targetId+'"]').closest(".ant-comment");document.querySelector(".comment-block")?document.querySelector(".comment-block").scrollTo(0,V.offsetTop):document.querySelector(".em-analytics__email-tab-discuss .ant-tabs-content").scrollTo(0,V.offsetTop),V.classList.add("active"),setTimeout(()=>{V.classList.remove("active")},2e3)}else f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_REMOVE_TARGET,value:D.data.settings.targetId}),x.error({title:c("There's no such comment.")});me===r.EVENT_TYPES.APPLICATION_DISCUSS_NO_COMMENT&&x.error({title:c("There's no such element in the email.")})};r.useListenPostMessage(H);const Te=D=>{f({operation:r.EVENT_TYPES.SANDBOX_DISCUSS_GET_TARGET,value:D})},we=D=>(D?.sort((me,V)=>me.date>V.date?1:-1),(0,o.jsx)(o.Fragment,{children:D&&!!D.length&&(0,o.jsx)(t.ui_kit$List,{className:"comment-list",itemLayout:"horizontal",dataSource:D,renderItem:me=>(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("li",{id:me.id,children:(0,o.jsxs)(o.Fragment,{children:[me.status==="deleted"&&me.clildren&&(0,o.jsx)(t.ui_kit$Comment,{className:"deletedComment",content:(0,o.jsx)(t.ui_kit$Alert,{description:c("Comment was removed."),type:"info"}),children:we(me.children)}),me.status!=="deleted"&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Comment,{author_id:me.author_id,author:me.author_name,avatar:me.author_avatar_urls&&me.author_avatar_urls[48]||"",className:(0,De.default)(me.target_id&&"targetted-comment-item",(!me.author_avatar_urls||!me.author_avatar_urls[48])&&"comment-item-noavatar"),content:(0,o.jsx)(t.ui_kit$Dropdown,{placement:"left",destroyPopupOnHide:!0,onOpenChange:()=>C(me.id),menu:{items:me.author===ue.id?Me:He},styles:{root:{minWidth:"auto",paddingRight:6}},children:(0,o.jsx)("div",{onClick:()=>me.target_id&&Te(me.target_id),dangerouslySetInnerHTML:{__html:me.content}})},"commenMenu"),datetime:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:me.date&&wo.formatDate(wo.tryParseISO(me.date),p,!0)}}),me.target_id&&(0,o.jsx)("span",{className:"comment-icon-target","target-id":me.target_id,onClick:()=>Te(me.target_id),children:(0,o.jsx)(r.EmIcons,{icon:"AimOutlined",component:t.icons$AimOutlined,style:{color:k.colorInfo,top:-2,position:"relative"}})})]}),children:(0,o.jsxs)(o.Fragment,{children:[w==="REPLY"&&Y===me.id&&Ve,w==="EDIT"&&Y===me.id&&Ae,we(me.children)]})})})]})})})})})),Ae=(0,o.jsxs)(t.ui_kit$Form,{onFinish:Re,className:"commentForm",children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:10},children:(0,o.jsx)(t.ui_kit$TextArea,{className:"textarea-reply",value:S,onChange:D=>Q(D.target.value),rows:4,placeholder:c("Editing comments"),onKeyDown:D=>D.key==="Escape"&&Le(),onPressEnter:D=>D.key==="Enter"&&D.ctrlKey&&Re(),ref:R})}),(0,o.jsx)(t.ui_kit$Form.Item,{className:"buttons",children:(0,o.jsxs)(t.ui_kit$Space,{children:[J?(0,o.jsx)(t.ui_kit$Popconfirm,{title:c("Are you sure?"),okText:c("Yes"),cancelText:c("No"),onConfirm:X,children:(0,o.jsx)(t.ui_kit$Button,{loading:le.isLoading,type:P||J&&w==="EDIT"&&te!==""?"primary":"default",className:"button-target "+(P&&!J?"button-target_choose":""),style:J&&w==="EDIT"&&te!==""?{background:k.colorInfo}:{},children:(0,o.jsx)(r.EmIcons,{icon:"AimOutlined",component:t.icons$AimOutlined,className:"icon-target"})})}):(0,o.jsx)(t.ui_kit$Button,{onClick:de,loading:le.isLoading,type:P||J&&w==="EDIT"&&te!==""?"primary":"default",className:"button-target "+(P&&!J?"button-target_choose":""),style:J&&w==="EDIT"&&te!==""?{background:k.colorInfo}:{},children:(0,o.jsx)(r.EmIcons,{icon:"AimOutlined",component:t.icons$AimOutlined,className:"icon-target"})}),(0,o.jsxs)(t.ui_kit$Button,{className:"button-reply",type:"primary",loading:Fe.isLoading,htmlType:"submit",children:[c("Save")," ",(0,o.jsx)(r.EmIcons,{icon:"SaveOutlined",component:t.icons$SaveOutlined,size:16,strokeWidth:h.iconStrokeWidth})]}),(0,o.jsx)(t.ui_kit$Button,{onClick:Le,className:"button-reply",children:c("Cancel")})]})})]}),Ve=(0,o.jsxs)(t.ui_kit$Form,{name:"reply",className:"commentForm",onFinish:K,children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:10},children:(0,o.jsx)(t.ui_kit$TextArea,{className:"textarea-reply",value:O,onChange:D=>N(D.target.value),rows:4,placeholder:c("Reply to the comment"),onKeyDown:D=>D.key==="Escape"&&Le(),onPressEnter:D=>D.key==="Enter"&&D.ctrlKey&&K(),ref:R})}),(0,o.jsx)(t.ui_kit$Form.Item,{hidden:!0,name:"targetId",children:(0,o.jsx)(t.ui_kit$Input,{type:"hidden"})}),(0,o.jsx)(t.ui_kit$Form.Item,{className:"buttons",children:(0,o.jsxs)(t.ui_kit$Space,{children:[(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:c("Add a note"),styles:{body:{maxWidth:"150px"}},children:(0,o.jsx)(t.ui_kit$Button,{onClick:de,type:P||J&&w==="REPLY"&&te!==""?"primary":"default",className:"button-target "+(P&&!J?"button-target_choose":""),style:J&&w==="REPLY"&&te!==""?{background:k.colorInfo}:{},children:(0,o.jsx)(r.EmIcons,{icon:"AimOutlined",component:t.icons$AimOutlined,className:"icon-target"})})}),(0,o.jsxs)(t.ui_kit$Button,{className:"button-reply",type:"primary",loading:w==="REPLY"&&ae.isLoading,htmlType:"submit",children:[c("Reply")," ",(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined,size:16,strokeWidth:h.iconStrokeWidth})]}),(0,o.jsx)(t.ui_kit$Button,{onClick:Le,className:"button-reply",ghost:!0,type:"primary",children:c("Cancel")})]})})]});(0,n.useEffect)(()=>{w==="REPLY"&&R.current.focus({cursor:"start"}),w==="EDIT"&&R.current.focus({cursor:"end"})},[w]);let Me=[];Me.push({key:"Reply to comment",icon:(0,o.jsx)(r.EmIcons,{icon:"RollbackOutlined",component:t.icons$RollbackOutlined,style:{fontSize:"16px"}}),label:c("Reply"),onClick:ge},{key:"Edit comment",icon:(0,o.jsx)(r.EmIcons,{icon:"EditOutlined",component:t.icons$EditOutlined,style:{fontSize:"16px"}}),label:c("Edit"),onClick:Be},{key:"Delete comment",icon:(0,o.jsx)(r.EmIcons,{icon:"DeleteOutlined",component:t.icons$DeleteOutlined,size:16}),label:c("Delete"),style:{color:k.colorError},onClick:ie});let He=[];return He.push({key:"Reply to comment",icon:(0,o.jsx)(r.EmIcons,{icon:"RollbackOutlined",component:t.icons$RollbackOutlined,style:{fontSize:"16px"}}),label:c("Reply"),onClick:ge}),(0,o.jsxs)("div",{className:"discuss-main",children:[e.length>0&&(0,o.jsx)(t.ui_kit$List,{className:"comment-list",itemLayout:"horizontal",dataSource:ve(e),renderItem:D=>(0,o.jsxs)("li",{id:D.id,children:[D.comment_status==="deleted"&&(0,o.jsx)(t.ui_kit$Comment,{className:"deletedComment",content:(0,o.jsx)(t.ui_kit$Alert,{description:c("Comment was removed."),type:"info"}),children:we(D.children)}),D.comment_status!=="deleted"&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(t.ui_kit$Comment,{author_id:D.author_id,author:D.author_name,avatar:D.author_avatar_urls&&D.author_avatar_urls[48]||"",className:(0,De.default)(D.target_id&&"targetted-comment-item",(!D.author_avatar_urls||!D.author_avatar_urls[48])&&"comment-item-noavatar"),content:(0,o.jsx)(t.ui_kit$Dropdown,{placement:"left",destroyPopupOnHide:!0,onOpenChange:()=>C(D.id),menu:{items:D.author===ue.id?Me:He},styles:{root:{minWidth:"auto"}},children:(0,o.jsx)("div",{onClick:()=>D.target_id&&Te(D.target_id),dangerouslySetInnerHTML:{__html:D.content}})},"commenMenu"),datetime:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{dangerouslySetInnerHTML:{__html:D.date&&wo.formatDate(wo.tryParseISO(D.date),p,!0)}}),D.target_id&&(0,o.jsx)("span",{className:"comment-icon-target","target-id":D.target_id,onClick:()=>Te(D.target_id),children:(0,o.jsx)(r.EmIcons,{icon:"AimOutlined",component:t.icons$AimOutlined,style:{color:k.colorInfo,top:-2,position:"relative"}})})]}),children:(0,o.jsxs)(o.Fragment,{children:[w==="REPLY"&&Y===D.id&&Ve,w==="EDIT"&&Y===D.id&&Ae,we(D.children)]})})})]})}),(0,o.jsxs)(t.ui_kit$Form,{onFinish:K,className:w==="ADD"?"addMode":"replyEditMode",children:[(0,o.jsx)(t.ui_kit$Form.Item,{style:{marginBottom:10},children:(0,o.jsx)(t.ui_kit$TextArea,{value:_,onChange:D=>E(D.target.value),rows:4,placeholder:c("Leave your comment"),className:"textarea-comment",onPressEnter:D=>D.key==="Enter"&&D.ctrlKey&&K()})}),(0,o.jsx)(t.ui_kit$Form.Item,{children:(0,o.jsxs)(t.ui_kit$Space,{size:8,children:[(0,o.jsx)(t.ui_kit$Tooltip,{placement:"top",title:c("Add a note"),styles:{body:{maxWidth:"150px"}},children:(0,o.jsx)(t.ui_kit$Button,{onClick:de,type:P||J&&w==="ADD"&&te!==""?"primary":"default",className:"button-target "+(P&&!J?"button-target_choose":""),style:J&&w==="ADD"&&te!==""?{background:k.colorInfo}:{},icon:(0,o.jsx)(r.EmIcons,{icon:"Target",component:t.icons$Target,size:16,strokeWidth:h.iconStrokeWidth,className:"icon-target"})})}),(0,o.jsxs)(t.ui_kit$Button,{className:"button-add",type:"primary",loading:w==="ADD"&&ae.isLoading,htmlType:"submit",children:[c("Send")," ",(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined,size:16,strokeWidth:h.iconStrokeWidth})]})]})})]})]})},em=["common_styles","subject","preheader","meta"];function om(e,i){r.writeSourceReport(e,r.fromRevision(i))}function tm(e){if(!e)return null;const i=e.get().attributes??{},l={};for(const s of em)i[s]!==void 0&&(l[s]=i[s]);return{content:e.getContent(),attributes:l}}function fr(e,i){i&&r.writeSourceReport(e,{content:i.content,attributes:i.attributes})}var Sa=(e,i)=>({key:e.id,author:e.author,date:wo.formatDate(wo.tryParseISO(e.date||e.modified),i),title:e.title,html:e.html,common_styles:e.common_styles,loading:!1,isAutosave:e.isAutosave===!0}),gr=({emailElement:e})=>{const{__:i}=r.useI18n(),l=r.useSendPostMessage(),s=r.useDispatch(),a=r.useEditorProjectId(),d=r.useEmailAttributesWriter(),c=r.useContentReplacer(),{document:p}=r.useDocumentSessionContext(),f=r.useSelector(r.selectHistoryData),x=r.useDocumentHistoryReader(),k=r.useSelector(r.selectElementHistoryHasMore),h=r.useSelector(r.selectIsPanelHistoryCollapsed),[b,R]=(0,n.useState)(!0),[_,E]=(0,n.useState)(!1),[w,v]=(0,n.useState)([]),[P,j]=(0,n.useState)([]),I=je=>s(r.switchIsPanelHistoryCollapsed(je)),C=(0,n.useCallback)(je=>{if(!je?.html)return;const le=r.fromRevision(je);le?.attributes&&d(le.attributes),s(r.markAppearanceNeedsUpdate()),c(je.html,{undoable:!0})},[c,s,d]),Y=(0,n.useCallback)(je=>{om(p,je),s(r.markAppearanceNeedsUpdate())},[p,s]),{data:z}=r.projectsApi.useGetProjectQuery(Number(a),{skip:!a}),[O,N]=(0,n.useState)([]);(0,n.useEffect)(()=>{if(z){const{owner:je,admins:le,users:Ee}=z?.members;N([je&&{...je},le&&Array.isArray(le)&&le.map(ce=>({...ce})),Ee&&Array.isArray(Ee)&&Ee.map(ce=>({...ce}))].filter(ce=>ce).flat(1).map(ce=>({id:ce.ID,display_name:ce.display_name})))}},[z,z?.members,i]);const[S,Q]=(0,n.useState)(1),[J,re]=(0,n.useState)(!1);(0,n.useEffect)(()=>{const je=Array.isArray(f)&&f.length&&f?.map(le=>Sa(le,i));j(je||[]),v(je),R(!1),k||re(!0)},[f,k,i]);const te=()=>{E(!0),j(w.concat([...new Array(3)].map(()=>({loading:!0})))),x(e.id,S+1).then(je=>{const{data:le,hasMore:Ee}=je.data,ce=Array.isArray(le)&&le?.map(ue=>Sa(ue,i)),ee=w.concat(ce);j(ee),v(ee),E(!1),window.dispatchEvent(new Event("resize")),Ee||re(!0),Q(S+1)})},pe=!b&&!_&&!J?(0,o.jsx)("div",{style:{textAlign:"center",marginTop:24,marginBottom:24,height:32,lineHeight:"32px"},children:(0,o.jsx)(t.ui_kit$Button,{onClick:te,children:i("loading more")})}):null,[be,ae]=(0,n.useState)(),[xe,Ie]=(0,n.useState)(null),ne=(0,n.useCallback)(je=>{fr(p,xe),C(je),ae(null),Ie(null),l({operation:r.EVENT_TYPES.SANDBOX_LOCK_EDIT,data:!1}),s(r.resetToLastActiveSettingsTab())},[C,l,s,p,xe]);(0,n.useEffect)(()=>{!h&&!xe&&Ie(tm(p))},[h,Ie,p,xe]),(0,n.useEffect)(()=>{h&&xe&&(fr(p,xe),s(r.markAppearanceNeedsUpdate()),Ie(null))},[h,xe,p,s]);const Fe=r.useAppConfig();return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.ui_kit$Tabs,{className:"secondary-tabs email-settings__collapse secondary-tabs_unset_scroll",size:"large",activeKey:r.HISTORY,items:[{label:(0,o.jsx)(o.Fragment,{children:i("Version history")}),key:r.HISTORY,forceRender:!0,className:"email-settings__collapse-panel",style:{height:"100%"},children:(0,o.jsx)(t.ui_kit$List,{className:"history-panel__list",loading:b,itemLayout:"horizontal",loadMore:pe,dataSource:P,header:(0,o.jsxs)("div",{className:"history-panel__list-header",children:[(0,o.jsx)("div",{className:"history-panel__list-date",children:i("Time")}),(0,o.jsx)("div",{className:"history-panel__list-author",children:i("Author")}),(0,o.jsx)("div",{className:"history-panel__restore",children:"Set"})]}),renderItem:(je,le)=>(0,o.jsx)(t.ui_kit$List.Item,{onClick:()=>{le!==be&&(ae(le),Y(w[le])),s(r.setBlockSettingsDisable(!0))},className:(0,De.default)("history-panel__item",{"history-panel__item_active":le===be}),children:(0,o.jsxs)(t.ui_kit$Skeleton,{title:!1,loading:je.loading||!1,active:!0,children:[(0,o.jsx)("div",{className:"history-panel__list-date",children:je.date}),(0,o.jsx)("div",{className:"history-panel__list-author",children:Fe.revisionService?je.author:O.find(Ee=>Ee.id?.toString()===je.author?.toString())?.display_name||"–"}),je.isAutosave&&be!==le&&(0,o.jsx)("div",{style:{opacity:.45},className:"history-panel__list-autosave",children:i("Auto")}),!je.isAutosave&&(0,o.jsx)(t.ui_kit$Button,{size:"small",className:"history-panel__restore",type:"link",onClick:Ee=>{be===le&&Ee.stopPropagation(),ne(w[le])},children:i("Set")}),je.isAutosave&&be===le&&(0,o.jsx)(t.ui_kit$Button,{size:"small",className:"history-panel__restore",type:"link",onClick:Ee=>{be===le&&Ee.stopPropagation(),ne(w[le])},children:i("Set")})]})})})}]}),(0,o.jsx)(t.ui_kit$Button,{type:"text",className:"ant-modal-close","aria-label":"Close",onClick:()=>{s(r.resetToLastActiveSettingsTab()),xe&&fr(p,xe),Ie(null),I(!0),l({operation:r.EVENT_TYPES.SANDBOX_LOCK_EDIT,data:!1})},children:(0,o.jsx)(r.EmIcons,{icon:"Close",component:t.icons$Close})})]})};gr.propTypes={};var Ta=async({blockTags:e,projectTagsArray:i,addTerm:l,project:s,notification:a})=>{if(!e||e.length===0)return[];const d=e.map(c=>{const p=i.find(f=>f.name===c);return p?Promise.resolve(p.id):l({project:s,kind:r.BLOCK_TAGS,name:c}).then(({error:f,data:x})=>{if(f?.status===400)return r.existingTermIdFromError(f);if(x)return x.id;if(f)return a.fromError("TAG_CREATING_ERROR",c,f),null})});return(await Promise.all(d)).filter(c=>c!=null)},Ra=()=>{document.querySelector(".blocks-search__blocks-wrapper")&&(document.querySelector(".blocks-search__blocks-wrapper").style.removeProperty("transition"),document.querySelector(".blocks-search__blocks-wrapper").style.opacity=0,document.querySelectorAll(".blocks-search__result-body").forEach(e=>e.style.removeProperty("height")),setTimeout(()=>{document.querySelectorAll(".blocks-search__result-body").forEach(e=>{e.style.height=e.offsetHeight*207/640+"px"}),document.querySelector(".blocks-search__blocks-wrapper")&&(document.querySelector(".blocks-search__blocks-wrapper").style.transition="opacity 0.2s",document.querySelectorAll(".blocks-search__blocks-wrapper").forEach(e=>e.style.opacity=1))},1500))},im=async e=>{const{block:i,form:l,projectData:s,projectTagsArray:a,projectId:d,addBlock:c,editBlock:p,editProject:f,addTerm:x,notification:k,__:h,handleCloseModal:b,htmlContent:R,refetchBlocks:_,reloadBlockScreens:E,onGlobalBlockTemplateSynced:w}=e;try{const{valid:v,values:P,blockTags:j}=await ya({form:l,notification:k,__:h});if(!v)return;const I=await Ta({blockTags:j,projectTagsArray:a,addTerm:x,project:s,notification:k});await ja({block:i,form:l,projectId:d,htmlContent:R,values:P,tagIds:I,addBlock:c,editBlock:p,editProject:f,notification:k,refetchBlocks:_,reloadBlockScreens:E,projectTagsArray:a,__:h,handleCloseModal:b,onGlobalBlockTemplateSynced:w})}catch{}},ya=async({form:e,notification:i,__:l})=>{let s=!0;const a=await e.validateFields(),d=a.tags;return d?.length>10&&(i.error({id:"BLOCK_TOO_MANY_TAGS_ERROR",data:r.getBlockDesc(a),title:l("Maximum 10 tags available.")}),s=!1),{valid:s,values:a,blockTags:d}};function wa(e){if(e!==null&&typeof e=="object"&&"data"in e){const i=e.data;return{code:i?.code,message:i?.message}}return{}}async function rm(e){const{created:i,blockData:l,editBlock:s,onGlobalBlockTemplateSynced:a}=e;if(!i.id)return;const d=new Date,c=r.formatEmBlockVersion(d);if(s){const p=i.html??l.html??"",f=r.injectEmBlockIdIntoBlockHtml(p,String(i.id),d);f!==p&&await s({blockId:String(i.id),html:f})}a?.(String(i.id),c)}function lm(e){const{block:i,projectId:l,htmlContent:s,values:a}=e;return i?{title:i.blockTitle,project:i.projectId,html:i.htmlContent,type:i.blockType||"Other",global_block:!1}:{title:a?.title??"",project:l,html:s||"",type:a?.type||"Other",...a?.global_block===!0?{global_block:!0}:{}}}var ja=async({block:e,form:i,projectId:l,htmlContent:s,values:a,tagIds:d,addBlock:c,editBlock:p,editProject:f,notification:x,refetchBlocks:k,reloadBlockScreens:h,projectTagsArray:b,__:R,handleCloseModal:_,onGlobalBlockTemplateSynced:E})=>{const w=lm({block:e,projectId:l,htmlContent:s,values:a}),v=await c({...w,blocktags:d.join(",")});if(v.error){const C=wa(v.error);throw x.error({id:"BLOCK_CREATING_ERROR",data:{title:w.title,code:w.html},innerException:v.error,message:C.code,description:C.message}),i.resetFields(),_(),new Error("Ошибка создания блока")}const P=v.data;!e&&a?.global_block===!0&&P?.id&&await rm({created:P,blockData:w,editBlock:p,onGlobalBlockTemplateSynced:E}),e||(i.resetFields(),_());const j=b.map(C=>C.id),I=await f({projectId:l,blocktags:[...new Set([...j,...d])].join(",")});if(I.error){const C=wa(I.error);x.error({message:C.message,code:C.code})}else!e&&k&&(x.success({id:"BLOCK_CREATING_SUCCESS",data:r.getBlockDesc(v.data),message:R("The block “")+String(v.data?.title??"")+R("” was successfully created.")}),k());return!e&&h&&h(),v.data},_r=({isModalVisible:e,htmlContent:i,projectId:l,setIsShowAddAllBlocksModal:s,setIsShowAddAllBlocksModalForNewEmail:a})=>{const{__:d}=r.useI18n(),c=r.useDispatch(),[p]=t.ui_kit$Form.useForm(),[f,x]=(0,n.useState)([]),[k,h]=r.useAddBlockMutation(),[b]=r.useEditBlockMutation(),{data:R}=r.useGetBlocksSchemaQuery(),_=r.useNotification(),E=r.useAppConfig(),[w,v]=(0,n.useState)([]),P=r.useProjectData(),{refetch:j}=r.useGetBlocksQuery(r.projectBlocksArgs(l)),[I,C]=r.useAddTermMutation(),[Y,z]=r.useEditProjectMutation(),O=r.useSendPostMessage(),N=(0,n.useCallback)((te,pe)=>{O({operation:r.EVENT_TYPES.SANDBOX_EBLOCK_SET_EM_BLOCK_ID,settings:{emBlockId:te,...pe?{emBlockVersion:pe}:{}}})},[O]),{data:S}=r.useGetTermsQuery({project:P,kind:r.BLOCK_TAGS},{skip:!P?.id});(0,n.useEffect)(()=>{v((S||[]).map(te=>({value:te.name})))},[S]),(0,n.useEffect)(()=>{if(R){const te=R.schema.properties.acf.properties.type.items.enum;let pe=[];for(let be in te)pe.push({label:d(r.TYPES_TRANSLATE[te[be]]),value:te[be]});x(pe)}},[R,d]);const Q=()=>{c(r.closeModal())},J=()=>{s(!0),a(!1),Q()},re=async()=>{await im({form:p,projectData:P,projectTagsArray:S||[],projectId:l,addBlock:k,editBlock:b,editProject:Y,addTerm:I,notification:_,__:d,handleCloseModal:Q,htmlContent:i,refetchBlocks:j,reloadBlockScreens:Ra,onGlobalBlockTemplateSynced:N})};return(0,o.jsx)(t.ui_kit$Modal,{title:(0,o.jsx)("div",{className:"ant-modal-title",children:d("Save block")}),open:e,onOk:()=>J(),onCancel:Q,footer:(0,o.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",padding:"8px 0"},children:[(0,o.jsx)(t.ui_kit$Button,{size:"large",onClick:J,children:d("Save all blocks")},"create-all-blocks"),(0,o.jsx)(t.ui_kit$Button,{className:"add-new-block-modal__save-btn",size:"large",type:"primary",loading:h.isLoading,onClick:re,icon:(0,o.jsx)(r.EmIcons,{icon:"CreateBlock",component:t.icons$CreateBlock,style:{fontSize:22}}),children:d("Save block")},"submit")]}),children:(0,o.jsxs)(t.ui_kit$Form,{form:p,layout:"vertical",name:"add_new_block_form",onFinish:re,initialValues:{title:"",type:"",tags:[],global_block:!1},autoComplete:"off",children:[(0,o.jsxs)(t.ui_kit$Row,{gutter:16,children:[(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:d("Block name"),name:"title",rules:[{required:!0,message:d("Please input block name")}],style:{marginBottom:15},children:(0,o.jsx)(t.ui_kit$Input,{disabled:h.isLoading||C.isLoading||z.isLoading,size:"large",placeholder:d("Enter block name"),spellCheck:"false"})})}),(0,o.jsx)(t.ui_kit$Col,{span:12,children:(0,o.jsx)(t.ui_kit$Form.Item,{label:d("Type"),name:"type",rules:[{required:!0,message:d("Please choose block type")}],style:{marginBottom:15},children:(0,o.jsx)(t.ui_kit$Select,{disabled:h.isLoading||C.isLoading||z.isLoading,size:"large",placeholder:d("Choose block type"),options:f})})})]}),E.tagsEnabled&&(0,o.jsx)(t.ui_kit$Form.Item,{label:d("Tags"),name:"tags",children:(0,o.jsx)(t.ui_kit$Select,{size:"large",mode:"tags",placeholder:d("Add some tags"),tooltip:{title:d("Tags help you find the block in the list."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},disabled:h.isLoading||C.isLoading||z.isLoading,options:w})}),E.globalBlockCheckboxEnabled&&(0,o.jsx)(t.ui_kit$Form.Item,{name:"global_block",valuePropName:"checked",style:{marginBottom:15},children:(0,o.jsx)(t.ui_kit$Switch,{label:d("Global block"),disabled:h.isLoading||C.isLoading||z.isLoading})})]})})};_r.propTypes={};var sm="https://app.useblocks.io/api".replace(/\/+$/,""),am=`${sm}/wp-json/ai-generator/v1/identificate_blocks`,nm=["Menu","Header","Content","Banners","Lists","Buttons","Promocodes","Feature","Call to Action","E-Commerce","Articles","Polls","Applications","Separators","Contacts","Footer","Other"];async function dm(e){return await e.getInstance(xo.TOKEN_ID)}async function cm(e,i,l,s,a){const d={blocks:s,types:nm,locale:i};l.current=d;try{const c=await dm(a),p=await fetch(am,{method:"POST",headers:{"Content-Type":"application/json",...c?{Authorization:`Bearer ${c}`}:{}},body:JSON.stringify(d)});if(!p.ok||p.status!==200)throw new Error(`${p.statusText}`);return await p.json()}catch(c){throw c}}var um=(e,i="block")=>{const l=new DOMParser,s=l.parseFromString(e,"text/html"),a=s.querySelectorAll(`[em="${i}"]`),d=s.querySelectorAll("link");return{parser:l,document:s,blockElements:a,styleElement:s.querySelector('[em="styles"]'),linksElements:d}};function mm(e){return Array.from(e).map(i=>i.outerHTML).join("")}var pm=(e,i="block",l=!1)=>{if(!e?.html)return[];const{document:s,blockElements:a,styleElement:d,linksElements:c}=um(e.html,i),p=mm(c);if(!(a instanceof NodeList))return[];const f=s.querySelector("head"),x=f?f.innerHTML:"";return Array.from(a).map((k,h)=>{if(!(k instanceof Element)||!k.outerHTML)return null;const b=d?d.outerHTML:"";return{id:`${e.id}-${h}`,html:l?`<!DOCTYPE html>
+          <html>
+            <head>${x}</head>
+            <body>
+              <table>${k.outerHTML}</table>
+            </body>
+          </html>`:r.minifyHtml(`${p}${b}${k.outerHTML.replace(/class="em-structure"/,'class=""')}`)}}).filter(Boolean)};function hm(e,i,l){const{images:s}=e,{blocks:a}=i;return s?.map(d=>{const c=a.find(p=>p.id===d.block_id);return{blockType:d.classification,blockTitle:d.name,htmlContent:c?.html||"",projectId:l}})}var bm=e=>e.replace(/<div\s+[^>]*style="font-family:[^>]*>(.*?)<\/div>/gs,i=>i.replace(/>(.*?)<\/div>/s,"></div>")),fm=e=>e.replace(/src="[^"]*"/g,'src=""'),gm=e=>/<div\s+[^>]*style="font-family:/i.test(e),_m=e=>{const i=new Set,l=[];for(const s of e)if(gm(s.html)){const a=fm(bm(s.html));i.has(a)||(i.add(a),l.push(s))}else l.push(s);return l},xm=async e=>{const{block:i,form:l,projectData:s,projectId:a,addBlock:d,editProject:c,notification:p,__:f,handleCloseModal:x,htmlContent:k,refetchBlocks:h,reloadBlockScreens:b,values:R,tagIds:_,projectTagsArray:E}=e;try{await ja({block:i,form:l,projectId:a,htmlContent:k,values:R,tagIds:_,addBlock:d,editProject:c,notification:p,refetchBlocks:h,reloadBlockScreens:b,projectTagsArray:E,__:f,handleCloseModal:x})}catch(w){throw w}},km=({projectData:e,addTerm:i,addBlock:l,editProject:s,reloadBlockScreens:a,notification:d,__:c,handleCloseModal:p,setTriggerOpenSavedBlocksTab:f,setTagsOptions:x,form:k,projectId:h})=>{const[b,R]=(0,n.useState)(!1),_=r.useInvalidateProject(),{data:E}=r.useGetTermsQuery({project:e,kind:r.BLOCK_TAGS},{skip:!e?.id});return(0,n.useEffect)(()=>{x((E||[]).map(v=>({value:v.name})))},[E,x]),{bulkSave:async(v,P,j,I)=>{R(!0);try{if(!P)return;const C=await Ta({blockTags:I,projectTagsArray:E||[],addTerm:i,project:e,notification:d});let Y=!0,z=0;for(const O of v)try{await xm({block:O,form:k,projectData:e,projectId:h,addBlock:l,editProject:s,notification:d,__:c,handleCloseModal:p,values:j,tagIds:C,projectTagsArray:E||[]})}catch{Y=!1,z++}if(Y&&d.success({id:"BULK_SAVE_SUCCESS",title:c("All blocks saved successfully."),placement:"bottomRight"}),!Y){if(z===v.length)throw new Error;d.warning({id:"BULK_SAVE_PARTIAL_SUCCESS",title:c("Some blocks were not saved successfully."),placement:"bottomRight"})}f(!0),_(h),a()}catch(C){throw C}finally{R(!1),k.resetFields(),p()}},confirmSavingBlocksLoading:b}},xr=({isModalVisible:e,currentEmail:i,setIsShowAddAllBlocksModal:l,setTriggerOpenSavedBlocksTab:s,projectId:a})=>{const{__:d,_n:c,sprintf:p}=r.useI18n(),f=r.useContainer(),x=r.useProjectData(),{tagsEnabled:k}=r.useAppConfig(),[h,b]=(0,n.useState)(!1),[R]=t.ui_kit$Form.useForm(),[_,E]=(0,n.useState)([]),[w,v]=(0,n.useState)([]),P=(0,n.useRef)({}),[j]=r.useAddTermMutation(),[I]=r.useEditProjectMutation(),[C,Y]=r.useAddBlockMutation(),z=r.useCurrentUserLocale()||void 0,O=pm(i),N=_m(O).map(be=>be),S=N.length,Q=r.useNotification(),J=()=>{h||te||l(!1)},{bulkSave:re,confirmSavingBlocksLoading:te}=km({projectData:x,addTerm:j,addBlock:C,editProject:I,reloadBlockScreens:Ra,notification:Q,__:d,handleCloseModal:J,setTriggerOpenSavedBlocksTab:s,setTagsOptions:v,form:R,projectId:a}),pe=async()=>{try{const{valid:be,values:ae,blockTags:xe}=await ya({form:R,notification:Q,__:d});s(!1),b(!0);const Ie=await cm(i,z,P,N,f),ne=hm(Ie,P.current,i.project.toString());b(!1),await re(ne,be,ae,xe)}catch{b(!1),l(!1),Q.error({title:d("Failed to save blocks."),placement:"bottomRight"})}};return(0,o.jsxs)(t.ui_kit$Modal,{title:(0,o.jsx)("div",{className:"ant-modal-title",children:d("Bulk saving of blocks")}),open:e,onOk:pe,onCancel:J,footer:(0,o.jsx)("div",{className:"modal-footer",children:!(h||te)&&(0,o.jsx)(t.ui_kit$Button,{size:"large",type:"primary",disabled:h||te,onClick:pe,children:p(c("Save %d block","Save %d blocks",S),S)},"submit")}),children:[h||te?(0,o.jsx)("div",{children:d("All blocks saved at this point can be found in the “Saved Blocks” section in the sidebar.")}):(0,o.jsx)("div",{children:p(c("Your letter contains %d block that can be saved for future use.","Your letter contains %d blocks that can be saved for future use.",S),S)}),!(h||te)&&k&&(0,o.jsx)(t.ui_kit$Form,{form:R,name:"add_all_blocks_form",layout:"vertical",onFinish:pe,style:{paddingTop:24},children:(0,o.jsx)(t.ui_kit$Form.Item,{label:d("Tags"),name:"tags",labelCol:{span:24},wrapperCol:{span:24},style:{display:"block",marginBottom:0},children:(0,o.jsx)(t.ui_kit$Select,{size:"large",mode:"tags",placeholder:d("Add some tags"),style:{width:"100%"},value:_,onChange:E,disabled:Y.isLoading,options:w})})}),(te||h)&&(0,o.jsx)("div",{className:"modal-spinner",children:(0,o.jsx)(t.ui_kit$Spin,{size:"large"})})]})};xr.propTypes={};var Em=e=>e.replace(/[\\]/g,"\\\\").replace(/["]/g,'\\"').replace(/[/]/g,"\\/").replace(/[\b]/g,"\\b").replace(/[\f]/g,"\\f").replace(/[\n]/g,"\\n").replace(/[\r]/g,"\\r").replace(/[\t]/g,"\\t"),kr=({isModalVisible:e=!1,email:i=null})=>{const{__:l}=r.useI18n(),[s]=t.ui_kit$Form.useForm(),a=r.useDispatch(),d=r.useRouteEmailId(),c=r.useNotification(),p=r.useCurrentUser(),f=r.useProjectData()?.projects_test_emails,[x,k]=r.useSendTestEmailMutation(),{token:h}=(0,t.ui_kit$useToken)(),[b,R]=(0,n.useState)(!1);r.useAppConfig(),r.useCookieManager();const _=i.project,{data:E}=r.useGetProjectTestRecipientsQuery(_??0,{skip:!0}),[w,v]=r.useEditProjectMutation(),[P]=r.usePutProjectTestRecipientsMutation(),j=r.useProjectData(),{testEmails:I}=r.useAppConfig(),C=r.usePushToDataLayer(),[Y,z]=(0,n.useState)([]),[O,N]=(0,n.useState)(!1),S=r.useEventEmitter(xo.events.ON_SEND_EMAIL_MODAL_ID);(0,n.useEffect)(()=>{e?S.fire(i).then(pe=>{pe.some(be=>be===!1)?a(r.closeModal$1()):R(e)}):R(e)},[e,a,R,i,S]),(0,n.useEffect)(()=>{},[j,_,E]),(0,n.useEffect)(()=>{z(I.map(pe=>({value:pe})))},[I]),(0,n.useEffect)(()=>{const pe=localStorage.getItem(r.LOCAL_STORAGE_ITEMS.em_test_emails);if(pe&&b&&s.getFieldValue("recipients")?.length===0){const be=JSON.parse(pe);be?.[_]&&s.setFieldsValue({recipients:be[_]})}},[_,b,s]),(0,n.useEffect)(()=>{s.setFieldsValue({subject:i.subject})},[s,i.subject]);const Q=()=>{a(r.closeModal$1()),s.resetFields()},J=r.useContentReader(),re=()=>{s.validateFields().then(()=>{const pe={user_id:p.id,project_id:_,email_id:d,subject:s.getFieldValue("subject"),email:s.getFieldValue("recipients").join(","),html:Em(J())};x(pe).unwrap().catch(be=>{c.error({error:{data:{code:be?.data?.code,message:be?.data?.message}}})}),N(!0),C({event:"submit",action:"send_test_email",entity_id:d,project_id:_,recipients_count:s.getFieldValue("recipients").length})}).catch(pe=>{})},te=n.default.useRef(f);return te.current=f,(0,n.useEffect)(()=>{const pe=te.current;if(k.isSuccess&&O){k.data?.status;{const be=[...new Set([...Y.map(je=>je.value),...s.getFieldValue("recipients")])],ae=be.map(je=>({projects_test_email:je}));((je,le)=>{if(!je||!le)return je===le;if(je.length!==le.length)return!1;const Ee=je.map(ee=>ee.projects_test_email).sort(),ce=le.map(ee=>ee.projects_test_email).sort();return Ee.every((ee,ue)=>ee===ce[ue])})(ae,r.isProjectsV2Enabled()?(E||[]).map(je=>({projects_test_email:je})):pe)||(r.isProjectsV2Enabled()?P({projectId:_,emails:be}):w({projectId:_,projects_test_emails:ae}));const Ie=localStorage.getItem(r.LOCAL_STORAGE_ITEMS.em_test_emails)?JSON.parse(localStorage.getItem(r.LOCAL_STORAGE_ITEMS.em_test_emails)):[];let ne=s.getFieldValue("recipients");localStorage.setItem(r.LOCAL_STORAGE_ITEMS.em_test_emails,JSON.stringify({...Ie,[_]:[...new Set(ne)]}));const Fe=i.title||i.subject||l("Untitled email.").replace(/\.$/,"");c.success(l("The email “")+Fe+l("” was successfully sent."))}N(!1),s.resetFields(),a(r.closeModal$1())}},[k,s,_,w,P,E,Y,O,a,i.title,i.subject,c,v,l]),(0,n.useEffect)(()=>{v.isError&&(c.error(v),N(!1),s.resetFields(),a(r.closeModal$1()))},[a,v,s]),(0,n.useEffect)(()=>{s.setFieldsValue({subject:i.subject||i.title})},[i,s]),(0,o.jsx)(t.ui_kit$Modal,{width:572,title:(0,o.jsxs)("div",{style:{paddingBottom:8},children:[(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined,size:20,strokeWidth:2})," ",l("Send a test email")]}),open:b,onCancel:Q,footer:[(0,o.jsx)(t.ui_kit$Button,{size:"large",className:"em-analytics__email-send-test",type:"primary",htmlType:"submit",form:"Send mail",loading:v.isLoading,icon:(0,o.jsx)(r.EmIcons,{icon:"SendOutlined",component:t.icons$SendOutlined,size:18,strokeWidth:2,className:"email-preview-menu__list-item-icon"}),onClick:re,disabled:k.isLoading,children:l("Send")},"submit")],forceRender:!0,children:(0,o.jsxs)(t.ui_kit$Form,{form:s,layout:"vertical",name:"send_mail_form",initialValues:{subject:i.subject||i.title,recipients:[]},autoComplete:"off",children:[(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Subject"),name:"subject",rules:[{required:!1,message:l("Please type subject")}],children:(0,o.jsx)(t.ui_kit$Input,{size:"large",placeholder:l("Type subject")})}),(0,o.jsx)(t.ui_kit$Form.Item,{label:l("Recipients"),name:"recipients",tooltip:{title:l("The test email will be sent to the specified addresses."),icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},rules:[{required:!0,validator:(pe,be)=>be.length>10?Promise.reject(new Error(l("A test email can be sent to a maximum of 10 addresses."))):be.length!==0?be.every(ae=>wo.emailValidation.test(ae.toLowerCase()))?Promise.resolve():Promise.reject(new Error(l("Please type correct emails"))):Promise.reject(new Error(l("Please type emails")))}],children:(0,o.jsx)(t.ui_kit$Select,{size:"large",mode:"tags",placeholder:l("Add up to 10 recipients"),tooltip:{title:"Tooltip with customize icon",icon:(0,o.jsx)(r.EmIcons,{icon:"InfoCircleOutlined",component:t.icons$InfoCircleOutlined})},options:Y,tagRender:pe=>{const{label:be,closable:ae,onClose:xe}=pe,Ie=ne=>{ne.preventDefault(),ne.stopPropagation()};return(0,o.jsx)(t.ui_kit$Tag,{variant:"solid",color:h.colorPrimary,onMouseDown:Ie,closable:ae,onClose:xe,style:{borderRadius:6},children:be})},getPopupContainer:()=>document.getElementById("send_mail_form")})})]})})};kr.propTypes={isModalVisible:g.default.bool,email:g.default.shape({html:g.default.string,subject:g.default.string})};var Er=({block:e=null,isEditableRights:i,rightCol:l,autoSaveBlockResult:s,disabled:a})=>{const{__:d}=r.useI18n(),{blockId:c}=r.useRouteParams(),p=r.useEditorProjectId();let f=r.useSelector(r.selectIsCodeMode$1),x=r.useSelector(r.selectIsCodeMode$1),k=r.useDispatch();const h=r.useNotification(),b=r.useContentReader(),R=r.useStore(),_=r.useSendPostMessage(),[E,w]=(0,n.useState)(!1),[v,P]=(0,n.useState)(null),[j,I]=(0,n.useState)(!1),[C,Y]=(0,n.useState)(!1),z=r.usePushToDataLayer();(0,n.useEffect)(()=>{window?.navigator?.userAgent.includes("Macintosh")&&P(!0)},[]);const{data:O,refetch:N}=r.useGetProjectQuery(+p,{skip:!+p}),[S]=r.useAddTermMutation(),[Q,J]=r.useEditBlockMutation(),[re,te]=r.useAddBlockMutation(),[pe]=r.useEditProjectMutation(),{data:be}=r.useGetTermsQuery({project:O,kind:r.BLOCK_TAGS},{skip:!O?.id}),ae=(0,n.useCallback)(le=>{if(I(!0),!i&&e.lock&&C){h.error({id:"BLOCK_ACCESS_TO_LOCKED_ERROR",title:d("No access to edit the letter."),data:r.getBlockDesc(e)}),I(!1);return}if((e.tags?.length||e.blocktags?.length)>10&&C){h.error({id:"BLOCK_TOO_MANY_TAGS_ERROR",title:d("Maximum 10 tags available."),data:r.getBlockDesc(e)}),I(!1);return}if(e.type===""){h.error({title:d("Set the type"),description:d("Please set the 'Type' field in the Settings section.")}),I(!1);return}const Ee=ce=>{const ee=e.tags?.map(se=>{const Z=be?.find(q=>q.name===se);return Z?Z.id:S({project:O,kind:r.BLOCK_TAGS,name:se,parent:ce}).then(({error:q,data:G})=>{if(q?.status===400)return r.existingTermIdFromError(q);if(G)return G.id;q&&(h.fromError("TAG_CREATING_ERROR",se,q),I(!1))})}),ue=(se=null)=>{let Z=null;const q=X=>{R.dispatch(r.taxonomiesApi.endpoints.getTerms.initiate({project:O,kind:r.BLOCK_TAGS})),N(),X.global_block&&X.id&&_({operation:r.EVENT_TYPES.SANDBOX_EBLOCK_SET_EM_BLOCK_ID,settings:{emBlockId:String(X.id),...Z?{emBlockVersion:Z}:{}}}),C&&(h.success({id:"BLOCK_EDITING_SUCCESS",title:d("The block was successfully saved."),data:r.getBlockDesc(e)}),I(!1)),fetch(r.blockPreviewHref(r.BLOCK,p,X.id,X.modified),{mode:"no-cors"}).then(()=>{})},G=wo.getTaxonomy(e,r.EMAIL_TAGS).filter(X=>(se||e.blocktags).includes(X.id)).map(X=>X.name);if(e.isNew)te.status!=="pending"&&re({source:le,title:e.title===null?d("New block title"):e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:b(),blocktags:se?se.join(","):e.blocktags,tags:G,...r.hasOwnMeta(e)?{meta:e.meta}:{}}).then(async({data:X,error:ie})=>{if(ie)h.fromError("BLOCK_CREATING_ERROR",{title:e.title,html:b()},ie),I(!1);else{let Be=X;const ge=b();if(X?.global_block&&X?.id&&ge){const Pe=new Date,Re=r.injectEmBlockIdIntoBlockHtml(ge,String(X.id),Pe);if(Z=r.formatEmBlockVersion(Pe),Re!==ge){const Le=await Q({blockId:X.id,html:Re});!Le.error&&Le.data&&(Be=Le.data)}}q(Be)}});else if(J.status!=="pending"){const X=b(),ie=new Date,Be=e.global_block?r.injectEmBlockIdIntoBlockHtml(X,String(e.id),ie):X;e.global_block&&(Z=r.formatEmBlockVersion(ie)),Q({blockId:e.id,source:le,title:e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:Be,blocktags:se||e.blocktags,tags:G,...r.hasOwnMeta(e)?{meta:e.meta}:{}}).then(({data:ge,error:Pe})=>{Pe&&C?(h.fromError("BLOCK_EDITING_ERROR",r.getBlockDesc(e),Pe),I(!1)):q(ge)})}};ee?Promise.all(ee).then(se=>ue(se)):ue(null)};I(!0),Ee(void 0)},[te.status,re,J.status,Q,e,i,S,pe,p,d,C,b,h,be,N,R,_]);(0,n.useEffect)(()=>{C&&(ae(),Y(!1))},[C,ae]);const xe=(0,n.useCallback)(le=>{(le.ctrlKey||le.metaKey)&&le.keyCode===83&&(le.preventDefault(),Y(!0))},[]);(0,n.useEffect)(()=>(document.addEventListener("keydown",xe),()=>{document.removeEventListener("keydown",xe)}),[xe]);const Ie=(0,n.useCallback)(le=>{const Ee=le.data.operation,ce=le.data.action;Ee===r.EVENT_TYPES.APPLICATION_ACTION&&ce==="save_email"&&Y(!0)},[]);r.useListenPostMessage(Ie),(0,n.useEffect)(()=>{te.isError&&(I(!1),h.error(te))},[k,te]),(0,n.useEffect)(()=>{const le=setTimeout(()=>{w(!0)},1e4);return()=>{clearTimeout(le)}},[]),(0,n.useEffect)(()=>{e.isNew&&!c&&E&&(ae(),w(!1))},[E,e,ae,c]);const ne=J.isLoading||pe.isLoading||te.isLoading||j,Fe=!!s?.isLoading,je=ne||Fe;return(0,o.jsx)(t.ui_kit$Tooltip,{title:d(v?"Save by ⌘S":"Save by Ctrl+S"),placement:l?"right":"bottomRight",children:(0,o.jsx)("span",{className:"em-analytics__block-save-tooltip-target",children:(0,o.jsx)(t.ui_kit$Button,{type:"primary",block:l,disabled:a||Fe,className:"em-analytics__block-save",icon:(0,o.jsx)(r.EmIcons,{icon:"SaveOutlined",component:t.icons$SaveOutlined}),onClick:le=>{const Ee=le.currentTarget;z({event:"click",action:"save_block"}),Y(!0);try{Ee?.blur?.()}catch{}},loading:je,children:l||f||x?"":d("Save")})})})};Er.propTypes={block:g.default.shape({id:g.default.string,isNew:g.default.bool,lock:g.default.bool,type:g.default.string,html:g.default.string,description:g.default.string,project:g.default.number,title:g.default.string}),isEditableRights:g.default.bool.isRequired};var Bm=to.__exportAll({AddAllBlocksModal:()=>xr,AddNewBlockModal:()=>_r,BlocksSearch:()=>br,Discuss:()=>Ba,DiscussAi:()=>oa,EmailProperties:()=>Ol,EmailSettings:()=>Ui,EmailStyles:()=>Ji,FileManagerDataLayer:()=>fa,HistoryPanel:()=>gr,LimitUpgradeModal:()=>ai,Optimise:()=>pa,SaveBlockBtn:()=>Er,SelectedElementPanel:()=>dt,SendTestEmailModal:()=>kr});no.AddAllBlocksModal=xr,no.AddNewBlockModal=_r,no.BlocksSearch=br,no.Discuss=Ba,no.DiscussAi=oa,no.EmailProperties=Ol,no.EmailSettings=Ui,no.EmailStyles=Ji,no.FileManagerDataLayer=fa,no.HistoryPanel=gr,no.LimitUpgradeModal=ai,no.LimitUpgradeModal$1=ai,no.Optimise=pa,no.SaveBlockBtn=Er,no.SelectedElementPanel=dt,no.SendTestEmailModal=kr,no.canonicalImageUrlKey=ft,no.getImageDimensionsFromBlob=Tr,no.normalizeImageFormatForDisplay=Ft,Object.defineProperty(no,"panels_exports",{enumerable:!0,get:function(){return Bm}}),no.resolveDataProviderPreview=yr,no.shouldCountAiUsage=nr,no.useImageBlobFetch=wr,no.useImageBlobResolver=jr});