@creaditor/newsletter-starterkit 1.0.63 → 1.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/3847.creaditor.bundle.js +173 -116
- package/dist/3847.creaditor.bundle.js.gz +0 -0
- package/dist/5156.creaditor.bundle.js +1 -1
- package/dist/5156.creaditor.bundle.js.gz +0 -0
- package/dist/7209.creaditor.bundle.js +32 -30
- package/dist/7209.creaditor.bundle.js.gz +0 -0
- package/dist/767.creaditor.bundle.js +26 -70
- package/dist/767.creaditor.bundle.js.gz +0 -0
- package/dist/8547.creaditor.bundle.js +1 -1
- package/dist/8547.creaditor.bundle.js.gz +0 -0
- package/dist/8646.creaditor.bundle.js +36 -37
- package/dist/8646.creaditor.bundle.js.gz +0 -0
- package/dist/creaditor.bundle.js +528 -191
- package/dist/creaditor.bundle.js.gz +0 -0
- package/dist/service-worker.js +1 -1
- package/dist/service-worker.js.gz +0 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[380,3847],{70380(t,e,i){i.r(e),i.d(e,{default:()=>
|
|
1
|
+
"use strict";(("undefined"!=typeof self?self:this).webpackChunkCreaditor=("undefined"!=typeof self?self:this).webpackChunkCreaditor||[]).push([[380,3847],{70380(t,e,i){i.r(e),i.d(e,{default:()=>u});var s=i(59929),o=i(21421),r=i(91597);const n="֑-߿יִ-﷽ﹰ-ﻼ",a="A-Za-zÀ-ÖØ-öø-ʸ̀-ࠀ-Ⰰ-︀--",l=new RegExp("^[^"+a+"]*["+n+"]"),c=new RegExp("^[^"+n+"]*["+a+"]");var d=i(86319);const h=(0,r.S)();class u extends s.WF{constructor(){super(),this.inputRef=(0,o._)(),this.min=0,this.max=100,this.step=1,this.autofocus=!1,this.type="text",this.value="number"===this.type?"0":"",this.placeholder="",this.oldValue=this.value,this.successActive=!1,this._successTimeout=null}onSubmit(t){t.preventDefault();const e=new UIEvent("submit",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(e),this.oldValue=this.value}focus(){const t=this.inputRef.value;t.focus(),t.setSelectionRange(t.value.length,t.value.length)}onFocus(){const t=new UIEvent("focus",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)}onBlur(){const t=new UIEvent("blur",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t),this.oldValue=this.value}render(){this.fullWidth&&(this.style.width="100%"),this.value||"text"!==this.type||(this.value=""),this.icon&&"string"!=typeof this.inputStyle&&(this.inputStyle="");const t=d.M.get("lang",this.placeholder)||this.placeholder||"";t&&("string"!=typeof this.inputStyle&&(this.inputStyle=""),-1===this.inputStyle.indexOf("text-align")&&(this.inputStyle+=";text-align:"+("rtl"===function(t){const e=String(t||"");return l.test(e)?"rtl":c.test(e)?"ltr":"neutral"}(t)?"right":"")));const e=this.multiline?s.qy` <textarea
|
|
2
2
|
rows=${this.row||4}
|
|
3
3
|
.disabled=${this.disabled}
|
|
4
4
|
dir="auto"
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
${"text"===this.type&&this.maxLength?s.qy`<span class="counter"
|
|
50
50
|
>${this.value.length}/${this.maxLength}</span
|
|
51
51
|
> `:null}
|
|
52
|
-
</form>`}firstUpdated(){this.autofocus&&setTimeout(()=>{this.inputRef.value&&this.inputRef.value.focus()},500),void 0===this.value&&(this.value="")}focus(){super.focus(),this.inputRef.value.focus()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._successTimeout&&(clearTimeout(this._successTimeout),this._successTimeout=null)}setValue(t){if(this.selectionStart=this.inputRef.value.selectionStart,!this.inputRef.value)return;const e=this.inputRef.value;if("text"===this.type&&this.max&&e.value.length>this.max)return e.value=this.value,void this.inputRef.value.focus();this.value=e.value;const i=new UIEvent(t.type,{view:window,bubbles:!0,cancelable:!0});if(this.dispatchEvent(i),"input"===t.type){const t=()=>{const t=new UIEvent("debounce",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)};
|
|
52
|
+
</form>`}firstUpdated(){this.autofocus&&setTimeout(()=>{this.inputRef.value&&this.inputRef.value.focus()},500),void 0===this.value&&(this.value="")}focus(){super.focus(),this.inputRef.value.focus()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._successTimeout&&(clearTimeout(this._successTimeout),this._successTimeout=null)}setValue(t){if(this.selectionStart=this.inputRef.value.selectionStart,!this.inputRef.value)return;const e=this.inputRef.value;if("text"===this.type&&this.max&&e.value.length>this.max)return e.value=this.value,void this.inputRef.value.focus();this.value=e.value;const i=new UIEvent(t.type,{view:window,bubbles:!0,cancelable:!0});if(this.dispatchEvent(i),"input"===t.type){const t=()=>{const t=new UIEvent("debounce",{view:window,bubbles:!0,cancelable:!0});this.dispatchEvent(t)};h.run(t,500)}}success(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2e3;this._successTimeout&&(clearTimeout(this._successTimeout),this._successTimeout=null),this.successActive=!0;const e=Number(t);!Number.isFinite(e)||e<=0||(this._successTimeout=setTimeout(()=>{this.successActive=!1,this._successTimeout=null},e))}patch(t){this.value=t}}u.styles=s.AH`
|
|
53
53
|
:host {
|
|
54
54
|
display: inline-block;
|
|
55
55
|
--cdtr-input-height: 30px;
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
box-shadow: 0 0 10px rgba(79, 192, 111, 0.2);
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
`,
|
|
188
|
+
`,u.properties={value:{type:String,reflect:!0},step:{type:Number,reflect:!0},min:{type:Number,reflect:!0},max:{type:Number,reflect:!0},type:{type:String,reflect:!0},inputDir:{type:String},icon:{type:String,reflect:!0},placeholder:{type:String,reflect:!0},autofocus:{type:Boolean,reflect:!0},fullWidth:{type:Boolean,reflect:!0},selectionStart:{type:Number},inputStyle:{type:String,reflect:!0},maxLength:{type:Number},couchOnEmpty:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},row:{type:Number},successActive:{type:Boolean}},customElements.get("cdtr-input")||customElements.define("cdtr-input",u)},73847(t,e,i){i.r(e),i.d(e,{LinkElement:()=>C});var s=i(59929),o=i(86319),r=i(88385);const n=s.AH`
|
|
189
189
|
:host {
|
|
190
190
|
--paper-radio-button-checked-color: var(--primary);
|
|
191
191
|
box-sizing: border-box;
|
|
@@ -388,13 +388,13 @@
|
|
|
388
388
|
margin-top: 0.75rem;
|
|
389
389
|
padding-left: 1rem;
|
|
390
390
|
}
|
|
391
|
-
`;var a=i(21421);i(73095),i(70380);const l="260px",c=[{type:"https:",text:"link"},{type:"http:",text:"link"},{type:"mailto:",text:"sendEmail"},{type:"tel:",text:"tel"},{type:"sms:",text:"sendSms"},{type:"whatsapp:",text:"sendWhatsapp"},{type:"anchor:",text:"anchor"}],
|
|
391
|
+
`;var a=i(21421);i(73095),i(70380);const l="260px",c=[{type:"https:",text:"link"},{type:"http:",text:"link"},{type:"mailto:",text:"sendEmail"},{type:"tel:",text:"tel"},{type:"sms:",text:"sendSms"},{type:"whatsapp:",text:"sendWhatsapp"},{type:"anchor:",text:"anchor"}],d="cdtrAdd",h="cdtrRemove",u="cdtrAutomation",p=[d,h,u];var m=i(73813);function f(t,e){t=t.replace(/[\[\]]/g,"\\$&");var i=new RegExp("[?&]"+t+"(=([^&#]*)|&|#|$)").exec(e);return i?i[2]?decodeURIComponent(i[2].replace(/\+/g," ")):"":null}const g="anchor",b="linkpicker:anchor";function y(){const t=new Set;return function(){const t=o.M.get("components");return Array.isArray(t)?t:t&&"object"==typeof t?Object.values(t).filter(t=>t&&"object"==typeof t):[]}().forEach(e=>{const i=e&&e.props;i&&(i.anchor&&i.anchor.name&&t.add(String(i.anchor.name)),e.type===g&&i.name&&t.add(String(i.name)))}),t}let v=null,x=null;const w="cdtr:anchor-attached";function $(){let{onCreated:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};A();const e=function(){const t=y();let e=1;for(;t.has(`${g}-${e}`);)e++;return`${g}-${e}`}(),i={id:b,name:g,group:"elements",body:{type:g,props:{name:e,color:"#6b7280"}}},s=document.createElement("div");return s.setAttribute("data-id",b),s.setAttribute("data-group","elements"),s.setAttribute("data-placement",""),s.setAttribute("draggable-element","create:element"),s.setAttribute("draggable-direction","top,bottom,left,right"),s.classList.add("draggable-element-handle"),s.__template=i,window.__dragoned_selected_element=s,v=s,"function"==typeof t&&(x=function(t){let e=!1;const i=i=>{const s=i&&i.detail&&i.detail.name;!e&&s&&(e=!0,o(),x=null,t(s))},s=()=>{setTimeout(()=>{e||(o(),x=null)},0)};function o(){window.removeEventListener(w,i),document.removeEventListener("mouseup",s,!0)}return window.addEventListener(w,i),document.addEventListener("mouseup",s,!0),o}(t)),s}function A(){v&&window.__dragoned_selected_element===v&&delete window.__dragoned_selected_element,v=null,x&&(x(),x=null)}function k(t){let{onRequest:e,onChangeLink:i,onBlur:r}=t;return function(){const t=o.M.get("config","editor","configure","plugins");return!!Array.isArray(t)&&t.some(t=>t&&t.name===g)}()?s.qy`
|
|
392
392
|
<div class="anchor-create">
|
|
393
393
|
<div
|
|
394
394
|
class="anchor-drag draggable-element-handle"
|
|
395
395
|
role="button"
|
|
396
|
-
@mousedown=${()
|
|
397
|
-
@mouseup=${()=>{
|
|
396
|
+
@mousedown=${()=>$({onCreated:t=>{i({target:{value:`#${t}`},anchor:!0}),r()}})}
|
|
397
|
+
@mouseup=${()=>{A(),"function"==typeof e&&e("anchor")}}
|
|
398
398
|
>
|
|
399
399
|
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
400
400
|
<path d="${"M2.05 11H7v2H4.062A8.004 8.004 0 0 0 11 19.938V9.874A4.002 4.002 0 0 1 12 2a4 4 0 0 1 1 7.874v10.064A8.004 8.004 0 0 0 19.938 13H17v-2h4.95c.033.329.05.663.05 1 0 5.523-4.477 10-10 10S2 17.523 2 12c0-.337.017-.671.05-1zM12 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"}"></path>
|
|
@@ -410,7 +410,7 @@
|
|
|
410
410
|
></lang-text>
|
|
411
411
|
</span>
|
|
412
412
|
</div>
|
|
413
|
-
`:null}function
|
|
413
|
+
`:null}function _(t,e){switch(t){case"anchor:":return function(t){const{url:e,anchors:i,protocol:o,onChangeLink:r,onBlur:n,onRequest:a}=t,l=e.isAnchor?String(e.href||"").replace(/^#/,""):"";return s.qy`
|
|
414
414
|
<cdtr-row alignItems="center" spacing="5">
|
|
415
415
|
<cdtr-dropdown
|
|
416
416
|
@change=${t=>{r({target:{value:"#"+t.target.value},anchor:!0}),n()}}
|
|
@@ -437,9 +437,9 @@
|
|
|
437
437
|
</cdtr-dropdown-item>`)}
|
|
438
438
|
</div>
|
|
439
439
|
</cdtr-dropdown>
|
|
440
|
-
${
|
|
440
|
+
${k({onRequest:a,onChangeLink:r,onBlur:n})}
|
|
441
441
|
</cdtr-row>
|
|
442
|
-
`}(e);case"mailto:":return function(t){const{href:e,body:i,subject:o,onBlur:r,updateBody:n,updateSubject:a}=t,c="string"==typeof e?
|
|
442
|
+
`}(e);case"mailto:":return function(t){const{href:e,body:i,subject:o,onBlur:r,updateBody:n,updateSubject:a}=t,c="string"==typeof e?f("body",e):i||e.params.body,d="string"==typeof e?f("subject",e):o||e.params.subject;return s.qy`
|
|
443
443
|
<cdtr-row spacing="5">
|
|
444
444
|
<cdtr-title class="explain-title"
|
|
445
445
|
><lang-text text="add_catchy_subject"></lang-text
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
inputStyle="height:${"40px"};"
|
|
449
449
|
style="width:${l};"
|
|
450
450
|
@change=${t=>{let{target:e}=t;a(e.value),r()}}
|
|
451
|
-
value=${
|
|
451
|
+
value=${d||o||""}
|
|
452
452
|
></cdtr-input>
|
|
453
453
|
<cdtr-title class="explain-title"
|
|
454
454
|
><lang-text text="email_body_if_needed"></lang-text
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
@change=${t=>{let{target:e}=t;n(e.value),r()}}
|
|
461
461
|
></cdtr-input>
|
|
462
462
|
</cdtr-row>
|
|
463
|
-
`}(e);case"sms:":return function(t){const{href:e,body:i,onBlur:o,updateBody:r}=t,n="string"==typeof e?
|
|
463
|
+
`}(e);case"sms:":return function(t){const{href:e,body:i,onBlur:o,updateBody:r}=t,n="string"==typeof e?f("body",e):e.params.body;return s.qy`
|
|
464
464
|
<cdtr-row spacing="5">
|
|
465
465
|
<cdtr-title class="explain-title"
|
|
466
466
|
><lang-text text="sms_body_if_needed"></lang-text
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
@change=${t=>{let{target:e}=t;r(e.value),o()}}
|
|
473
473
|
></cdtr-input>
|
|
474
474
|
</cdtr-row>
|
|
475
|
-
`}(e);case"whatsapp:":return function(t){const{href:e,body:i,onBlur:o,updateBody:r}=t,n="string"==typeof e?
|
|
475
|
+
`}(e);case"whatsapp:":return function(t){const{href:e,body:i,onBlur:o,updateBody:r}=t,n="string"==typeof e?f("text",e)||f("body",e):e.params&&(e.params.text||e.params.body)||"";return s.qy`
|
|
476
476
|
<cdtr-row spacing="5">
|
|
477
477
|
<cdtr-title class="explain-title"
|
|
478
478
|
><lang-text text="whatsapp_body_if_needed"></lang-text
|
|
@@ -484,104 +484,26 @@
|
|
|
484
484
|
@change=${t=>{let{target:e}=t;r(e.value),o()}}
|
|
485
485
|
></cdtr-input>
|
|
486
486
|
</cdtr-row>
|
|
487
|
-
`}(e);default:return""}}function
|
|
487
|
+
`}(e);default:return""}}function S(t,e,i,s,o,n){if(!t)return null;const a="string"==typeof t?new r.A({href:t,protocol:e,params:i}):new r.A(t);return t?"whatsapp:"===e||"whatsapp:"===a.protocol?function(t,e,i,s,o){const n="string"==typeof t?new r.A({href:t,protocol:e,params:i}):new r.A(t),a=(n.params&&(n.params.phone||function(t){try{const e=/whatsapp:([^?]+)/,i=t.match(e);return i?i[1]:""}catch(t){return""}}(n.fullHref))||f("phone",n.href||"")||n.url||"").replace(/\D+/g,"");if(!a)return null;const l=s||n.params&&(n.params.text||n.params.body)||"",c=l?encodeURIComponent(l):"";let d=`https://wa.me/${a}`;c&&(d+=`?text=${c}`);const h=new r.A(d);return h.target=o||h.target||"_blank",{url:h,params:h.params,protocol:"whatsapp:"}}(t,e,i,s,n):(a.isEmail?function(t,e,i){let s=!1;e?t.addParam("subject",e):t.params&&"subject"in t.params&&(delete t.params.subject,s=!0),i?t.addParam("body",i):t.params&&"body"in t.params&&(delete t.params.body,s=!0),s&&(t.href=t.getUrlWithParams())}(a,o,s):s?a.addParam("body",s):a.params&&"body"in a.params&&(delete a.params.body,a.href=a.getUrlWithParams()),a.target=n||a.target||"_blank",{url:a,params:a.params,protocol:a.protocol}):null}function L(t,e,i){if(!t)return{href:{},protocol:null,body:"",subject:""};if(t.startsWith("http")&&!t.startsWith("http://")&&!t.startsWith("https://"))return null;const s=r.A.getProtocol(t);let o=e;s&&(o=s+":");const n=new r.A({href:t,protocol:o||null});console.log("output",n);const a=(i instanceof r.A?i:new r.A(i)).url!==n.url;return{href:n,protocol:n.protocol,shouldBlur:n.isValid,clearParams:a}}function R(){const t=o.M.get("components"),e=Array.isArray(t)?t:t&&"object"==typeof t?Object.values(t):[],i=function(t){const e=new Map;t.forEach(t=>{const i=t&&(t.id||t._id);i&&e.set(i,t)});const i=t.find(t=>t&&"root"===t.type),s=i&&(i.id||i._id);if(!s)return null;const o=new Set,r=t=>{if(!t||o.has(t))return;o.add(t);const i=e.get(t);i&&[].concat(Array.isArray(i.children)?i.children:[]).concat(Array.isArray(i.elements)?i.elements:[]).forEach(t=>r((t=>t?"string"==typeof t?t:t.id||t.dataset&&t.dataset.id||null:null)(t)))};return r(s),o}(e),s=i?e.filter(t=>t&&i.has(t.id||t._id)):e,r=new Set,n=[],a=(t,e,i)=>{e&&!r.has(e)&&(r.add(e),n.push({id:t,name:e,label:i||e}))};return s.forEach(t=>{const e=t&&t.props;e&&(e.anchor&&e.anchor.name?a(t.id,e.anchor.name,e.anchor.label):"anchor"===t.type&&e.name?a(t.id,e.name):e.element_ID&&a(t.id,e.element_ID))}),n}function U(t){const{value:e="",inputRef:i,autofocus:o=!1,onChange:r,onBlur:n,onFocus:c,onKeyDown:d,placeholder:h="",inputStyle:u="",style:p="width:260px;",width:m=l}=t,f=t=>{r&&r(t),n&&n()},g=(()=>{if(null==e||""===e)return"";try{return decodeURI(String(e))||""}catch{return String(e)}})();return s.qy`
|
|
488
488
|
<cdtr-row style="position:relative;" spacing="5">
|
|
489
489
|
<span style="display:none;" aria-hidden="true">${e}</span>
|
|
490
490
|
<cdtr-input
|
|
491
491
|
.couchOnEmpty=${!0}
|
|
492
492
|
${i?(0,a.K)(i):""}
|
|
493
|
-
style="${
|
|
494
|
-
inputStyle="${
|
|
493
|
+
style="${p}"
|
|
494
|
+
inputStyle="${u}"
|
|
495
495
|
.autofocus=${o}
|
|
496
496
|
type="search"
|
|
497
497
|
width="${m}"
|
|
498
|
-
placeholder="${
|
|
498
|
+
placeholder="${h}"
|
|
499
499
|
@input=${t=>{if(t.target.selectionStart!==t.target.value.length)return;const e=t.target.value.trim();/^[^a-zA-Z0-9]+$/.test(e)||r&&r(t)}}
|
|
500
500
|
@change=${f}
|
|
501
501
|
@focus=${c}
|
|
502
|
-
@submit=${
|
|
502
|
+
@submit=${d||f}
|
|
503
503
|
.value="${g}"
|
|
504
504
|
></cdtr-input>
|
|
505
505
|
</cdtr-row>
|
|
506
|
-
`}function
|
|
507
|
-
<div class="automations-view">
|
|
508
|
-
<cdtr-row justify="space-between" alignItems="center" mb="1">
|
|
509
|
-
<cdtr-title
|
|
510
|
-
style="font-weight: 700; font-size: 14.4px; color: #000000b0;"
|
|
511
|
-
>
|
|
512
|
-
<lang-text text="automations"></lang-text>
|
|
513
|
-
</cdtr-title>
|
|
514
|
-
<paper-button
|
|
515
|
-
@click=${this.onBackClick}
|
|
516
|
-
style="padding: 0.4em; color: var(--primary); background: none; box-shadow: none;"
|
|
517
|
-
>
|
|
518
|
-
<lang-text text="back"></lang-text>
|
|
519
|
-
</paper-button>
|
|
520
|
-
</cdtr-row>
|
|
521
|
-
<cdtr-divider></cdtr-divider>
|
|
522
|
-
<div class="automations-list" style="margin-top: 1rem;">
|
|
523
|
-
${this.automations.map(t=>{const e=this.activeAutomationId===t.id;return s.qy`
|
|
524
|
-
<div
|
|
525
|
-
class="automation-card ${e?"active":""}"
|
|
526
|
-
@click=${()=>this.onAutomationClick(t)}
|
|
527
|
-
style="
|
|
528
|
-
padding: 1rem;
|
|
529
|
-
border: 2px solid ${e?"var(--primary)":"#e0e0e0"};
|
|
530
|
-
border-radius: 4px;
|
|
531
|
-
margin-bottom: 0.5rem;
|
|
532
|
-
cursor: pointer;
|
|
533
|
-
transition: all 0.2s;
|
|
534
|
-
background: ${e?"#e3f2fd":"#fff"};
|
|
535
|
-
"
|
|
536
|
-
@mouseenter=${t=>{e||(t.currentTarget.style.borderColor="var(--primary)",t.currentTarget.style.boxShadow="0 2px 4px rgba(0,0,0,0.1)")}}
|
|
537
|
-
@mouseleave=${t=>{e||(t.currentTarget.style.borderColor="#e0e0e0",t.currentTarget.style.boxShadow="none")}}
|
|
538
|
-
>
|
|
539
|
-
<cdtr-row justify="space-between" alignItems="center">
|
|
540
|
-
<cdtr-title
|
|
541
|
-
style="font-size: 14px; color: ${e?"var(--primary)":"#000"}; font-weight: ${e?"600":"400"};"
|
|
542
|
-
>
|
|
543
|
-
<lang-text text="${t.name}"></lang-text>
|
|
544
|
-
</cdtr-title>
|
|
545
|
-
${e?s.qy`
|
|
546
|
-
<span
|
|
547
|
-
style="color: var(--primary); font-weight: bold; font-size: 18px; margin-left: 0.5rem;"
|
|
548
|
-
>✓</span
|
|
549
|
-
>
|
|
550
|
-
`:null}
|
|
551
|
-
</cdtr-row>
|
|
552
|
-
</div>
|
|
553
|
-
`})}
|
|
554
|
-
<!-- coming soon -->
|
|
555
|
-
<h6 align="center">
|
|
556
|
-
<lang-text whiteSpace="break-spaces" text="coming_soon_automations"></lang-text>
|
|
557
|
-
</h6>
|
|
558
|
-
</div>
|
|
559
|
-
</div>
|
|
560
|
-
`}renderAutomationDetails(){const t=this.selectedMailingListsForAdd.length>0||this.selectedMailingListsForRemove.length>0;return s.qy`
|
|
561
|
-
<div
|
|
562
|
-
class="automation-details-view"
|
|
563
|
-
style="display: flex; flex-direction: column; height: 100%;"
|
|
564
|
-
>
|
|
565
|
-
<div style="flex: 0 0 auto;">
|
|
566
|
-
<cdtr-row justify="space-between" alignItems="center" mb="1">
|
|
567
|
-
<cdtr-title
|
|
568
|
-
style="font-weight: 700; font-size: 14.4px; color: #000000b0;"
|
|
569
|
-
>
|
|
570
|
-
<lang-text text="automation_settings"></lang-text>
|
|
571
|
-
</cdtr-title>
|
|
572
|
-
<paper-button
|
|
573
|
-
@click=${this.onBackClick}
|
|
574
|
-
style="padding: 0.4em; color: var(--primary); background: none; box-shadow: none;"
|
|
575
|
-
>
|
|
576
|
-
<lang-text text="back"></lang-text>
|
|
577
|
-
</paper-button>
|
|
578
|
-
</cdtr-row>
|
|
579
|
-
<cdtr-divider></cdtr-divider>
|
|
580
|
-
</div>
|
|
581
|
-
|
|
582
|
-
<div class="automation-content">
|
|
583
|
-
<!-- Success Message -->
|
|
584
|
-
${this.showSaveSuccess?s.qy`
|
|
506
|
+
`}function M(){return s.qy`
|
|
585
507
|
<style>
|
|
586
508
|
.save-success-container {
|
|
587
509
|
margin-bottom: 1rem;
|
|
@@ -692,7 +614,142 @@
|
|
|
692
614
|
</span>
|
|
693
615
|
</div>
|
|
694
616
|
</div>
|
|
695
|
-
|
|
617
|
+
`}customElements.get("paper-button")||Promise.resolve().then(i.bind(i,39239)),customElements.get("cdtr-emoji-picker")||i.e(3105).then(i.t.bind(i,63105,23));class C extends(function(t){return class extends t{initAutomations(){this.showAutomations=!1,this.selectedAutomation=null,this.activeAutomationId=null,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null,this.activeTab="add",this.baseUrl="",this.showSaveSuccess=!1;const t=o.M.get("config","editor","configure","editorProps","mailingLists","items");this.mailingLists=t||[];const e=o.M.get("config","editor","configure","editorProps","automations")||{};this.automations=[],e.addAndRemoveFromMailingList&&this.automations.push({id:"addAndRemoveFromMailingList",name:"moving_from_mailing_list"}),e.unsubscribe&&this.automations.push({id:"unsubscribe",name:"unsubscribe"})}onAutomationsClick(){if(this.showAutomations=!0,this.protocol="automation:",this.selectedAutomation=null,this.activeAutomationId=null,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null,this.href&&this.href.href){const t=this.href.href;if((0,m.r_)(t))this.parseAutomationLink(this.href);else{const t=new r.A(this.href);t.params&&t.params[u]?(this.baseUrl=this.extractBaseUrl(t),this.parseAutomationLink(t)):this.baseUrl=t.href||""}}else this.baseUrl="";this.requestUpdate()}extractBaseUrl(t){const e=[];t.protocol&&e.push(t.protocol),t.host&&(e.push("//"),e.push(t.host)),t.pathname&&e.push(t.pathname);const i=p,s=[];t.params&&Object.keys(t.params).forEach(e=>{if(!i.includes(e)){const i=t.params[e];s.push(`${e}=${encodeURIComponent(i)}`)}});let o=e.join("");return s.length>0&&(o+=`?${s.join("&")}`),t.href}onBackClick(){if(this.selectedAutomation)this.selectedAutomation=null,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null;else if(this.showAutomations=!1,this.activeAutomationId=null,"automation:"===this.protocol)if(this.baseUrl){const t=new r.A(this.baseUrl);this.href=t,this.protocol=t.protocol}else this.protocol=null,this.href={};this.requestUpdate()}onAutomationClick(t){this.selectedAutomation=t,this.activeAutomationId=t.id,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null,this.requestUpdate()}onActionSelect(t){this.automationAction===t?this.automationAction=null:this.automationAction=t,this.requestUpdate()}onTabChange(t){this.activeTab=t,this.requestUpdate()}onMailingListToggle(t,e){("add"===e?this.selectedMailingListsForAdd:this.selectedMailingListsForRemove).indexOf(t)>-1?"add"===e?this.selectedMailingListsForAdd=this.selectedMailingListsForAdd.filter(e=>e!==t):this.selectedMailingListsForRemove=this.selectedMailingListsForRemove.filter(e=>e!==t):"add"===e?this.selectedMailingListsForAdd=[...this.selectedMailingListsForAdd,t]:this.selectedMailingListsForRemove=[...this.selectedMailingListsForRemove,t],this.requestUpdate()}createAutomationLink(){if(!this.selectedAutomation)return null;const t=this.selectedAutomation.name||this.selectedAutomation.id;if("unsubscribe"===this.selectedAutomation.id)return(0,m.LX)(t);const e={};if(this.selectedMailingListsForAdd.length>0&&(e[d]=this.selectedMailingListsForAdd.join(",")),this.selectedMailingListsForRemove.length>0&&(e[h]=this.selectedMailingListsForRemove.join(",")),0===Object.keys(e).length)return null;if(this.baseUrl&&this.baseUrl.trim()){let t=this.baseUrl.trim();t.match(/^https?:\/\//i)||t.includes("://")||!t.includes(".")&&t.match(/^[a-zA-Z]+:/)||(t=`https://${t}`),e.url=t}return(0,m.LX)(t,e)}onSaveAutomation(){const t=this.createAutomationLink();if(!t)return;console.log("Saving automation link:",t);const e=(0,m.IW)(t);if(!e)return void console.error("Invalid automation link format:",t);const i=e.name,s=e.params,o=s.url;let n;if(delete s.url,n=o?new r.A(o):new r.A("https://example.com"),n.params||(n.params={}),s[d]&&(n.params[d]=s[d]),s[h]&&(n.params[h]=s[h]),n.params[u]=i,n.href=t,n.url=o||"",this.href=n,this.protocol=null,this.value=n,this.link=n,this.lastUrl=n,console.log("Set href to:",this.href),console.log("Set href.href to:",this.href?.href),this.onDispatch(),console.log("After dispatch, href:",this.href),console.log("After dispatch, href.href:",this.href?.href),console.log("After dispatch, href.params:",this.href?.params),this.href&&(!this.href.params||!this.href.params[u])){console.log("Restoring automation params after dispatch");const t=this.href.href||this.href,e=(0,m.IW)(String(t));if(e){const i=e.params,s=i.url,o=s?new r.A(s):new r.A("https://example.com");o.params||(o.params={}),i[d]&&(o.params[d]=i[d]),i[h]&&(o.params[h]=i[h]),o.params[u]=e.name,o.href=t,o.url=s||"",this.href=o,this.value=o,this.link=o,this.lastUrl=o,console.log("Restored href:",this.href?.href),console.log("Restored params:",this.href?.params)}}this.showSaveSuccess=!0,this.requestUpdate(),setTimeout(()=>{this.showSaveSuccess=!1,this.requestUpdate()},2e3)}parseAutomationLink(t){if(!t)return;let e=null,i=!1,s=t.href||t;const o="string"==typeof s?(0,m.IW)(s):null;if(o?(i=!0,e=o.name):t.params&&(e=t.params[u],i=e&&""!==e&&"string"==typeof e&&""!==e.trim()),!i)return;if(o){const t=o.params;if(t.url?this.baseUrl=t.url:this.baseUrl="",t[d]){const e="string"==typeof t[d]?t[d].split(",").filter(t=>t.trim()):Array.isArray(t[d])?t[d]:[];this.selectedMailingListsForAdd=e}if(t[h]){const e="string"==typeof t[h]?t[h].split(",").filter(t=>t.trim()):Array.isArray(t[h])?t[h]:[];this.selectedMailingListsForRemove=e}}else if(t.params){const e=this.extractBaseUrl(t);if(this.baseUrl=e,t.params[d]){const e="string"==typeof t.params[d]?t.params[d].split(",").filter(t=>t.trim()):Array.isArray(t.params[d])?t.params[d]:[];this.selectedMailingListsForAdd=e}if(t.params[h]){const e="string"==typeof t.params[h]?t.params[h].split(",").filter(t=>t.trim()):Array.isArray(t.params[h])?t.params[h]:[];this.selectedMailingListsForRemove=e}}const r=String(e).trim(),n=(this.automations||[]).find(t=>t.name&&String(t.name).trim()===r||t.id&&String(t.id).trim()===r);if(this.selectedMailingListsForAdd.length>0||this.selectedMailingListsForRemove.length>0||"unsubscribe"===n?.id){this.showAutomations=!0;const t=n||this.automations?.[0];t&&(this.selectedAutomation=t,this.activeAutomationId=t.id)}}renderAutomationsView(){return this.selectedAutomation?this.renderAutomationDetails():s.qy`
|
|
618
|
+
<div class="automations-view">
|
|
619
|
+
<cdtr-row justify="space-between" alignItems="center" mb="1">
|
|
620
|
+
<cdtr-title
|
|
621
|
+
style="font-weight: 700; font-size: 14.4px; color: #000000b0;"
|
|
622
|
+
>
|
|
623
|
+
<lang-text text="automations"></lang-text>
|
|
624
|
+
</cdtr-title>
|
|
625
|
+
<paper-button
|
|
626
|
+
@click=${this.onBackClick}
|
|
627
|
+
style="padding: 0.4em; color: var(--primary); background: none; box-shadow: none;"
|
|
628
|
+
>
|
|
629
|
+
<lang-text text="back"></lang-text>
|
|
630
|
+
</paper-button>
|
|
631
|
+
</cdtr-row>
|
|
632
|
+
<cdtr-divider></cdtr-divider>
|
|
633
|
+
<div class="automations-list" style="margin-top: 1rem;">
|
|
634
|
+
${this.automations.map(t=>{const e=this.activeAutomationId===t.id;return s.qy`
|
|
635
|
+
<div
|
|
636
|
+
class="automation-card ${e?"active":""}"
|
|
637
|
+
@click=${()=>this.onAutomationClick(t)}
|
|
638
|
+
style="
|
|
639
|
+
padding: 1rem;
|
|
640
|
+
border: 2px solid ${e?"var(--primary)":"#e0e0e0"};
|
|
641
|
+
border-radius: 4px;
|
|
642
|
+
margin-bottom: 0.5rem;
|
|
643
|
+
cursor: pointer;
|
|
644
|
+
transition: all 0.2s;
|
|
645
|
+
background: ${e?"#e3f2fd":"#fff"};
|
|
646
|
+
"
|
|
647
|
+
@mouseenter=${t=>{e||(t.currentTarget.style.borderColor="var(--primary)",t.currentTarget.style.boxShadow="0 2px 4px rgba(0,0,0,0.1)")}}
|
|
648
|
+
@mouseleave=${t=>{e||(t.currentTarget.style.borderColor="#e0e0e0",t.currentTarget.style.boxShadow="none")}}
|
|
649
|
+
>
|
|
650
|
+
<cdtr-row justify="space-between" alignItems="center">
|
|
651
|
+
<cdtr-title
|
|
652
|
+
style="font-size: 14px; color: ${e?"var(--primary)":"#000"}; font-weight: ${e?"600":"400"};"
|
|
653
|
+
>
|
|
654
|
+
<lang-text text="${t.name}"></lang-text>
|
|
655
|
+
</cdtr-title>
|
|
656
|
+
${e?s.qy`
|
|
657
|
+
<span
|
|
658
|
+
style="color: var(--primary); font-weight: bold; font-size: 18px; margin-left: 0.5rem;"
|
|
659
|
+
>✓</span
|
|
660
|
+
>
|
|
661
|
+
`:null}
|
|
662
|
+
</cdtr-row>
|
|
663
|
+
</div>
|
|
664
|
+
`})}
|
|
665
|
+
<!-- coming soon -->
|
|
666
|
+
<h6 align="center">
|
|
667
|
+
<lang-text whiteSpace="break-spaces" text="coming_soon_automations"></lang-text>
|
|
668
|
+
</h6>
|
|
669
|
+
</div>
|
|
670
|
+
</div>
|
|
671
|
+
`}renderUnsubscribeDetails(){return s.qy`
|
|
672
|
+
<div
|
|
673
|
+
class="automation-details-view"
|
|
674
|
+
style="display: flex; flex-direction: column; height: 100%;"
|
|
675
|
+
>
|
|
676
|
+
<div style="flex: 0 0 auto;">
|
|
677
|
+
<cdtr-row justify="space-between" alignItems="center" mb="1">
|
|
678
|
+
<cdtr-title
|
|
679
|
+
style="font-weight: 700; font-size: 14.4px; color: #000000b0;"
|
|
680
|
+
>
|
|
681
|
+
<lang-text text="automation_settings"></lang-text>
|
|
682
|
+
</cdtr-title>
|
|
683
|
+
<paper-button
|
|
684
|
+
@click=${this.onBackClick}
|
|
685
|
+
style="padding: 0.4em; color: var(--primary); background: none; box-shadow: none;"
|
|
686
|
+
>
|
|
687
|
+
<lang-text text="back"></lang-text>
|
|
688
|
+
</paper-button>
|
|
689
|
+
</cdtr-row>
|
|
690
|
+
<cdtr-divider></cdtr-divider>
|
|
691
|
+
</div>
|
|
692
|
+
|
|
693
|
+
<div class="automation-content">
|
|
694
|
+
<!-- Success Message -->
|
|
695
|
+
${this.showSaveSuccess?M():null}
|
|
696
|
+
|
|
697
|
+
<h6
|
|
698
|
+
class="explain-title"
|
|
699
|
+
style="margin: 1rem 0; font-size: 14px; color: #666;"
|
|
700
|
+
>
|
|
701
|
+
<lang-text
|
|
702
|
+
whiteSpace="break-spaces"
|
|
703
|
+
text="unsubscribe_explain"
|
|
704
|
+
></lang-text>
|
|
705
|
+
</h6>
|
|
706
|
+
</div>
|
|
707
|
+
|
|
708
|
+
<div
|
|
709
|
+
class="automation-footer"
|
|
710
|
+
style="flex: 0 0 auto; padding: 10px; border-top: 1px solid #e0e0e0; background: #fff;"
|
|
711
|
+
>
|
|
712
|
+
<cdtr-row justify="flex-end">
|
|
713
|
+
<paper-button
|
|
714
|
+
@click=${this.onSaveAutomation}
|
|
715
|
+
style="
|
|
716
|
+
background: var(--primary);
|
|
717
|
+
color: #fff;
|
|
718
|
+
padding: 0.6em 1.5em;
|
|
719
|
+
font-size: 14px;
|
|
720
|
+
text-transform: none;
|
|
721
|
+
"
|
|
722
|
+
>
|
|
723
|
+
<lang-text text="save"></lang-text>
|
|
724
|
+
</paper-button>
|
|
725
|
+
</cdtr-row>
|
|
726
|
+
</div>
|
|
727
|
+
</div>
|
|
728
|
+
`}renderAutomationDetails(){if("unsubscribe"===this.selectedAutomation?.id)return this.renderUnsubscribeDetails();const t=this.selectedMailingListsForAdd.length>0||this.selectedMailingListsForRemove.length>0;return s.qy`
|
|
729
|
+
<div
|
|
730
|
+
class="automation-details-view"
|
|
731
|
+
style="display: flex; flex-direction: column; height: 100%;"
|
|
732
|
+
>
|
|
733
|
+
<div style="flex: 0 0 auto;">
|
|
734
|
+
<cdtr-row justify="space-between" alignItems="center" mb="1">
|
|
735
|
+
<cdtr-title
|
|
736
|
+
style="font-weight: 700; font-size: 14.4px; color: #000000b0;"
|
|
737
|
+
>
|
|
738
|
+
<lang-text text="automation_settings"></lang-text>
|
|
739
|
+
</cdtr-title>
|
|
740
|
+
<paper-button
|
|
741
|
+
@click=${this.onBackClick}
|
|
742
|
+
style="padding: 0.4em; color: var(--primary); background: none; box-shadow: none;"
|
|
743
|
+
>
|
|
744
|
+
<lang-text text="back"></lang-text>
|
|
745
|
+
</paper-button>
|
|
746
|
+
</cdtr-row>
|
|
747
|
+
<cdtr-divider></cdtr-divider>
|
|
748
|
+
</div>
|
|
749
|
+
|
|
750
|
+
<div class="automation-content">
|
|
751
|
+
<!-- Success Message -->
|
|
752
|
+
${this.showSaveSuccess?M():null}
|
|
696
753
|
|
|
697
754
|
<!-- URL Input (Optional) -->
|
|
698
755
|
<div style="margin-bottom: 1.5rem;">
|
|
@@ -701,7 +758,7 @@
|
|
|
701
758
|
>
|
|
702
759
|
<lang-text text="url"></lang-text> (Optional)
|
|
703
760
|
</cdtr-title>
|
|
704
|
-
${
|
|
761
|
+
${U({value:this.baseUrl||"",onChange:t=>{const e=t.target.value||"",i=L(e,null,this.baseUrl?new r.A(this.baseUrl):{});null===i?this.baseUrl=e:i.href?i.href instanceof r.A?this.baseUrl=i.href.href||e:"string"==typeof i.href?this.baseUrl=i.href:this.baseUrl=e:this.baseUrl=e,this.requestUpdate()},placeholder:"https://example.com",inputStyle:"height: 40px; padding: 0.5rem; border: 1px solid #e0e0e0; border-radius: 4px; width: 100%;",style:"width: 100%;"})}
|
|
705
762
|
</div>
|
|
706
763
|
|
|
707
764
|
<h6
|
|
@@ -867,38 +924,38 @@
|
|
|
867
924
|
</cdtr-row>
|
|
868
925
|
</div>
|
|
869
926
|
</div>
|
|
870
|
-
`}}}
|
|
871
|
-
${
|
|
927
|
+
`}}}(s.WF)){constructor(){super(),this.inputRef=(0,a._)(),this.onBlur=this.onBlur.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.urlInputFocused=!1,this._urlInputRawValue="",this._lastSyncedMyHref=void 0,this._lastBodySyncHref=void 0,this.lastUrl=void 0,this.target="_blank",this.anchors=[],this.event=new UIEvent("change",{view:window,bubbles:!0,cancelable:!0}),this.options=c,this.body="",this.subject="",this.name=o.M.get("lang",c[0].text),this.initAutomations()}onDispatch(){const t=function(t){const{href:e,protocol:i,params:s,body:o,subject:r,target:n,dispatchEvent:a,event:l}=t;if(!e)return a(l),{dispatched:!0};const c=S(e,i,s,o,r,n);return c?{dispatched:!0,href:c.url,protocol:c.protocol,params:c.params,value:c.url,link:c.url,lastUrl:c.url}:{dispatched:!1}}({href:this.href,protocol:this.protocol,params:this.params,body:this.body,subject:this.subject,target:this.target,dispatchEvent:this.dispatchEvent.bind(this),event:this.event});if(t.dispatched){if(t.href){this.href=t.href,this.protocol=t.protocol,this.params=t.params?{...t.params}:{},this.value=t.value,this.link=t.link,this.lastUrl=t.lastUrl;const e="string"==typeof t.href?t.href:t.href?.href;this._urlInputRawValue=null!=e&&""!==e?String(e):""}this.dispatchEvent(this.event)}}onChangeLink(t){const e=t.target.value;this._urlInputRawValue=e;const i=L(e,this.protocol,this.href);null!==i?(this.href=i.href,this.protocol=i.protocol,i.clearParams&&(this.body="",this.subject=""),void 0!==i.body&&(this.body=i.body),void 0!==i.subject&&(this.subject=i.subject),i.shouldBlur&&this.onBlur()):this.href=e}onKeyDown(t){if("submit"===t.type){const t=this.inputRef?.value;void 0!==t?.value&&this.onChangeLink({target:{value:t.value}}),t&&"function"==typeof t.success&&t.success(),this.onDispatch()}}onUrlInputFocus(){const t=this.inputRef?.value?.value;null!=t&&(this._urlInputRawValue=t),this.urlInputFocused=!0}onUrlInputBlur(){this.urlInputFocused=!1,this.hasButton||this.onDispatch()}onBlur(){this.hasButton||this.onDispatch()}onClickOk(){this.onDispatch()}onChangeTarget(t){const e={target:t.target.value};this.target=e.target,t.stopPropagation(),!this.hasButton&&this.href&&this.onBlur()}resolveAnchors(){this.anchors=R()}onChangeType(t){const e=function(t,e,i,s){const o=e.find(e=>e.type===t);if(!o)return{forceProtocolChange:!1};const r="anchor"===o.text,n=s!==o.type;return setTimeout(()=>{i&&i.value&&i.value.focus()},500),{protocol:o.type,forceProtocolChange:!0,shouldResolveAnchors:r,clearParams:n}}(t,this.options,this.inputRef,this.protocol);if(e.shouldResolveAnchors&&this.resolveAnchors(),this.protocol=e.protocol,this.forceProtocolChange=e.forceProtocolChange,e.clearParams&&(this.body="",this.subject=""),e.forceProtocolChange){const t=new r.A(this.href,{protocol:this.protocol});t.protocol=this.protocol,this.href=t,this.onBlur()}}connectedCallback(){super.connectedCallback(),this.href=new r.A(this.href);const t=String(this.href?.href||""),e=(0,m.r_)(t),i=this.href&&this.href.params&&this.href.params[u];(e||i)&&this.parseAutomationLink(this.href)}render(){const t=o.M.get("config","editor","configure","editorProps","linkPicker","savedVariables");this.resolveAnchors();const e=this.lastUrl!==this.href,i=new r.A(this.href,{protocol:e?null:this.protocol});this.protocol&&!e?i.protocol=this.protocol:i.protocol&&(this.protocol=i.protocol);const n=String(this.href?.href||this.href||"");if(this._lastBodySyncHref!==n){this._lastBodySyncHref=n,i.params?(this.body=i.params.text||i.params.body||"",this.subject=i.params.subject||""):(this.body="",this.subject="");(0,m.r_)(n)||i.params&&i.params[u]?(this.selectedAutomation=null,this.activeAutomationId=null,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null,this.showAutomations=!0,this.parseAutomationLink(this.href)):(this.showAutomations=!1,this.selectedAutomation=null,this.activeAutomationId=null,this.selectedMailingLists=[],this.selectedMailingListsForAdd=[],this.selectedMailingListsForRemove=[],this.automationAction=null)}const l=function(t,e,i){let s=[];return t.isEmail?s=[]:t.isPhone?s=i.filter(t=>("tel:"===t.type||"sms:"===t.type||"whatsapp:"===t.type)&&t.type!==e):-1!==t.href.indexOf("http://")&&"https:"!==e&&(s=[{type:"https:",text:o.M.get("lang","is_user_wants_https"),reccomanded:!0}]),"anchor:"===e&&(s=[]),s}(i,this.protocol,this.options);let c=i.href;const d=String(i.href||""),h=(0,m.r_)(d),f=i.params&&i.params[u];if(h)c=d;else if(f){const t=p,e=[];i.params&&Object.keys(i.params).forEach(s=>{if(!t.includes(s)){const t=i.params[s];e.push(`${s}=${encodeURIComponent(t).replace(/%24/g,"$")}`)}});const s=i.url||"";c=i.protocol?"http:"===i.protocol||"https:"===i.protocol?`${i.protocol}//${s}`:`${i.protocol}${s}`:s,e.length>0&&(c+=`?${e.join("&")}`)}const g=function(t){switch(t){case"mailto:":return"what_the_email_address";case"tel:":return"what_the_phone_number";case"sms:":case"whatsapp:":return"what_the_phone_number_to_send_msg";case"anchor:":return"what_the_anchor_name";case"file:":return"what_the_file_name";default:return"what_the_url_address"}}(this.protocol),b=[...this.options],y=b.findIndex(t=>"http:"===t.type);y>-1&&b.splice(y,1);const v=o.M.get("config","editor","configure","editorProps","automations"),x={url:i,href:this.href,protocol:this.protocol,anchors:this.anchors,body:this.body,subject:this.subject,onChangeLink:this.onChangeLink.bind(this),onBlur:this.onBlur.bind(this),onRequest:this.onRequest,updateBody:t=>{this.body=t},updateSubject:t=>{this.subject=t}},w=null!=c&&""!==c?String(c):"",$=this._urlInputRawValue!==w,A=void 0!==this._lastSyncedMyHref&&w!==this._lastSyncedMyHref,k=this.urlInputFocused&&this._urlInputRawValue&&w&&!A;$&&!k?(this._urlInputRawValue=w,this._lastSyncedMyHref=w):$||(this._lastSyncedMyHref=w);const S=this.urlInputFocused&&void 0!==this._urlInputRawValue?this._urlInputRawValue:c,L={protocol:this.protocol,url:i,autofocus:this.autofocus,inputRef:(0,a.K)(this.inputRef),onChangeLink:this.onChangeLink.bind(this),onBlur:this.onUrlInputBlur.bind(this),onFocus:this.onUrlInputFocus.bind(this),onKeyDown:this.onKeyDown.bind(this),myHref:S};return this.showAutomations?s.qy` <div class="root">${this.renderAutomationsView()}</div>`:s.qy` <div class="root">
|
|
928
|
+
${B=this.label,B?s.qy`<cdtr-title
|
|
872
929
|
style="font-weight: 700;
|
|
873
930
|
font-size: 14.4px;
|
|
874
931
|
margin-bottom: 0.6rem;
|
|
875
932
|
color: #000000b0;"
|
|
876
|
-
><lang-text text=${
|
|
933
|
+
><lang-text text=${B}></lang-text
|
|
877
934
|
><cdtr-divider></cdtr-divider
|
|
878
935
|
></cdtr-title>`:null}
|
|
879
936
|
<cdtr-row alignItems="center" justify="space-between" spacing="10">
|
|
880
|
-
${
|
|
881
|
-
<cdtr-dropdown @change=${t=>
|
|
937
|
+
${q=this.options,j=this.protocol,F=this.onChangeType.bind(this),s.qy`
|
|
938
|
+
<cdtr-dropdown @change=${t=>F(t.target.value)}>
|
|
882
939
|
<cdtr-dropdown-button
|
|
883
940
|
minWidth=${100}
|
|
884
941
|
class=" dropdown-button"
|
|
885
942
|
slot="trigger"
|
|
886
943
|
><lang-text
|
|
887
|
-
.text="${
|
|
944
|
+
.text="${q.find(t=>t.type===j)?.text||"link"}"
|
|
888
945
|
></lang-text>
|
|
889
946
|
</cdtr-dropdown-button>
|
|
890
947
|
<div slot="content">
|
|
891
|
-
${
|
|
892
|
-
.focused=${t.type===
|
|
893
|
-
.selected=${t.type===
|
|
948
|
+
${q.map(t=>s.qy`<cdtr-dropdown-item
|
|
949
|
+
.focused=${t.type===j}
|
|
950
|
+
.selected=${t.type===j}
|
|
894
951
|
value="${t.type}"
|
|
895
952
|
><lang-text text="${t.text}"></lang-text>
|
|
896
953
|
</cdtr-dropdown-item>`)}
|
|
897
954
|
</div>
|
|
898
955
|
</cdtr-dropdown>
|
|
899
956
|
`}
|
|
900
|
-
${C=this.target,
|
|
901
|
-
<cdtr-dropdown @change=${t=>
|
|
957
|
+
${C=this.target,I=this.onChangeTarget.bind(this),s.qy`
|
|
958
|
+
<cdtr-dropdown @change=${t=>I(t)} style="min-width: 120px;">
|
|
902
959
|
<cdtr-dropdown-button minWidth=${120} class="dropdown-button" slot="trigger">
|
|
903
960
|
<lang-text .text=${C}></lang-text>
|
|
904
961
|
</cdtr-dropdown-button>
|
|
@@ -929,11 +986,11 @@
|
|
|
929
986
|
|
|
930
987
|
<div class="input-wrapper">
|
|
931
988
|
<cdtr-title class="explain-title"
|
|
932
|
-
><lang-text .text="${
|
|
989
|
+
><lang-text .text="${g}"></lang-text
|
|
933
990
|
></cdtr-title>
|
|
934
|
-
${function(t){const{protocol:e,url:i,autofocus:s,inputRef:o,onChangeLink:r,onBlur:n,onFocus:a,onKeyDown:l,myHref:c}=t;return"anchor:"===e?null:
|
|
935
|
-
${
|
|
936
|
-
${
|
|
991
|
+
${function(t){const{protocol:e,url:i,autofocus:s,inputRef:o,onChangeLink:r,onBlur:n,onFocus:a,onKeyDown:l,myHref:c}=t;return"anchor:"===e?null:U({value:c,inputRef:o,autofocus:s,onChange:r,onBlur:n,onFocus:a,onKeyDown:l})}(L)}
|
|
992
|
+
${_(this.protocol,x)}
|
|
993
|
+
${v?s.qy` <cdtr-divider></cdtr-divider>
|
|
937
994
|
<cdtr-row justify="flex-start" mt="1">
|
|
938
995
|
<cdtr-title class="explain-title"
|
|
939
996
|
><lang-text
|
|
@@ -957,10 +1014,10 @@
|
|
|
957
1014
|
></cdtr-list-picker>`:null}(t,c,this.onChangeLink.bind(this),this.onBlur.bind(this))}
|
|
958
1015
|
</div>
|
|
959
1016
|
|
|
960
|
-
${R=this.hasButton,
|
|
1017
|
+
${R=this.hasButton,M=this.onClickOk.bind(this),R?s.qy`<hr style="margin: 1rem 0; border: none; border-top: 1px solid #e0e0e0;">
|
|
961
1018
|
<cdtr-row justify="flex-end" mt="1">
|
|
962
|
-
<paper-button fullWidth @click=${
|
|
1019
|
+
<paper-button fullWidth @click=${M} raised class="add-button">
|
|
963
1020
|
<lang-text text="add_now"></lang-text>
|
|
964
1021
|
</paper-button>
|
|
965
1022
|
</cdtr-row>`:null}
|
|
966
|
-
</div>`;var R,
|
|
1023
|
+
</div>`;var R,M,C,I,q,j,F,B}}C.styles=n,C.properties={href:{type:String,reflect:!0},value:{type:Object},protocol:{type:String},name:{type:String},label:{type:String},target:{type:String},hasButton:{type:Boolean},params:{type:Object},explain:{type:String},anchors:{type:Array},link:{},body:{type:String},subject:{type:String},autofocus:{type:Boolean},onRequest:{type:Function}},customElements.get("cdtr-link-element")||customElements.define("cdtr-link-element",C)},88385(t,e,i){i.d(e,{A:()=>a});const s=t=>!(!t||!t.match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)),o=t=>!(!t||!t.replace("-","").match(/^[+]*[(]{0,1}[0-9]{9,9}[)]{0,1}[-\s\./0-9]*$/g)&&!t.match(/[0-9]{3}-[0-9]{3}-[0-9]{4}/));function r(t){const e={},i=/([^&=]+)=?([^&]*)/g,s=t=>{try{return decodeURIComponent(t.replace(/\+/g," "))}catch(e){return t.replace(/\+/g," ")}},o=t.indexOf("?");let r,n=-1!==o?t.substring(o+1):"";for(;null!==(r=i.exec(n));){const t=s(r[1]),i=s(r[2]);t&&(e[t]=i)}return e}function n(t){if(!t)return"";let e=t.replace(/^[^:]+:(?:\/\/)?/,"");return e=e.replace(/^\/+/,""),e=e.split("?")[0],encodeURIComponent(e).replace(/%24/g,"$")}class a{static getProtocol(t){if(!t)return"";const e=t.indexOf(":");return e>0?t.slice(0,e):""}constructor(t,e){if(this.protocol="",this.href="",this.fullHref="",this.target="_self",this.isEmail=!1,this.isPhone=!1,this.isAnchor=!1,this.url="",this.isValid=!0,this.params={},"string"==typeof t?this.href=t:t&&"object"==typeof t&&Object.assign(this,t),/^\[\[[^\]]+\]\](?:\?|$)/.test(this.href)){const t=this.href;this.isValid=!1,this.protocol=e?.protocol??"",this.isEmail=!1,this.isPhone=!1,this.isAnchor=!1,this.params={...this.params,...e?.params,...r(t)};const i=t.indexOf("?");return this.url=i>-1?t.slice(0,i):t,this.href=t,void(this.fullHref=t)}this.isValid=this.isValidUrl(this.href),this.protocol=e?.protocol||this.protocol||a.getProtocol(this.href);const i=function(t){if(!t)return"";let e=t.replace(/^[^:]+:(?:\/\/)?/,"");return e=e.replace(/^\/+/,""),e=e.split("?")[0],e}(this.href);if(this.isEmail=s(i),this.isPhone=o(i),this.protocol||(this.isEmail?this.protocol="mailto:":this.isPhone?this.protocol="tel:":this.isValid&&(this.protocol="https:")),this.isAnchor=this.href.startsWith("#"),e?.target){if(!["_blank","_self","_parent","_top"].includes(e.target))throw new Error(`Url: invalid target "${e.target}"`);this.target=e.target}this.params={...this.params,...e?.params,...r(this.href)},this.url=n(this.href),this.protocol&&!this.protocol.endsWith(":")&&(this.protocol+=":");const l="http:"===this.protocol||"https:"===this.protocol;this.href=l?`${this.protocol}//${this.url}`:this.protocol+this.url,this.fullHref=this.getUrlWithParams(),this.href=this.getUrlWithParams(),this.isAnchor="anchor:"===this.protocol||this.href.startsWith("#")}addParam(t,e){this.params[t]=e,this.href=this.getUrlWithParams()}getUrlWithParams(){let t,e="";try{t=decodeURIComponent(this.url)}catch(e){t=this.url}if(Object.keys(this.params).length>0){t+="?",e="?";for(const i in this.params){const s=this.params[i],o=encodeURIComponent(i).replace(/%24/g,"$");if(s){const i=encodeURIComponent(s).replace(/%24/g,"$");t+=`${o}=${i}&`,e+=`${o}=${i}&`}else t+=`${o}&`,e+=`${o}&`}t=t.slice(0,-1)}const i=t=>{try{return decodeURIComponent(t)}catch{return t}};if(this.protocol&&("http:"===this.protocol||"https:"===this.protocol))return i(this.protocol+"//"+t);if(this.isAnchor||"anchor:"===this.protocol)return t?i(t.startsWith("#")?t:`#${t}`):"";if("whatsapp:"===this.protocol){const s=this.extractPhoneFromTextUsingRegex(t);return s.length>0?i("https://wa.me/"+s[0]+e):i("https://wa.me/"+e)}return i(this.protocol+t)}extractPhoneFromTextUsingRegex(t){if(!t)return[];const e=[...t.matchAll(/(?:whatsapp:([^?\s]+)|\+?[\d\s\-\(\)\.]{7,20})/g)];return Array.from(new Set(e.map(t=>t[1]||t[0]).filter(t=>{const e=t.replace(/\D/g,"");return e.length>=7&&e.length<=15}).map(t=>t.trim())))}isValidUrl(t){if(!t)return!1;return/^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/.*)?$/.test(t)}}a.resetURL=n}}]);
|
|
Binary file
|
|
Binary file
|