@licklist/design 0.44.485-dev.37 → 0.44.485-dev.39

package/dist/notification/email-template/card/EmailTemplateCard.d.ts

@@ -6,8 +6,9 @@ export interface EmailTemplateCardProps extends HasPermissionProp {
     subject: string;
     href: string;
     isDefault: boolean;
+    isActive: boolean;
     onRemove: () => void;
     type: NotificationType;
 }
-export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, hasPermission, type, }: EmailTemplateCardProps): JSX.Element;
+export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, isActive, hasPermission, type, }: EmailTemplateCardProps): JSX.Element;
 //# sourceMappingURL=EmailTemplateCard.d.ts.map

package/dist/notification/email-template/card/EmailTemplateCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateCard.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/card/EmailTemplateCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAEvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAI1G,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,aAAoB,EACpB,IAAI,GACL,EAAE,sBAAsB,eA2CxB"}
+{"version":3,"file":"EmailTemplateCard.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/card/EmailTemplateCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAEvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAK1G,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,QAAgB,EAChB,aAAoB,EACpB,IAAI,GACL,EAAE,sBAAsB,eA6CxB"}

package/dist/notification/email-template/card/EmailTemplateCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("react-i18next"),l=require("../../../static/Icon.js");require("../../../static/index.js");var o=require("../../../modals/confirmation/ConfirmModal.js");require("../../../modals/dialog/Dialog.js"),require("../../../modals/dialog/DialogContext.js"),exports.EmailTemplateCard=function(e){var t=e.name,i=e.href,s=e.subject,c=e.onRemove,m=e.isDefault,u=void 0!==m&&m,d=e.hasPermission,p=void 0===d||d,f=e.type,E=n.useTranslation(["Design"]).t;return a.createElement(a.Fragment,null,a.createElement("div",{className:"snippet-template-card"},a.createElement("div",{className:"snippet-template-card-header"},a.createElement(r.Link,{to:i},t),p&&Boolean(c)&&a.createElement(o.ConfirmModal,{type:o.ConfirmModalType.remove,content:E("areUSureYouWantToDelete",{name:t,type:E("emailTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(c)}},a.createElement(l.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-".concat(u?"3":"4")},Boolean(u)&&a.createElement("p",{className:"mb-1"},E("Design:default")),a.createElement("div",{className:"d-flex flex-column"},a.createElement("span",null,s),a.createElement("p",null,E("Design:type"),": ",E("Design:".concat(f)))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("react-i18next"),s=require("../../../static/Icon.js");require("../../../static/index.js");var l=require("../../../modals/confirmation/ConfirmModal.js");require("../../../modals/dialog/Dialog.js"),require("../../../modals/dialog/DialogContext.js");var i=require("../../hooks/useTranslatedParameters.js");exports.EmailTemplateCard=function(e){var t=e.name,o=e.href,c=e.subject,m=e.onRemove,u=e.isDefault,d=void 0!==u&&u,p=e.isActive,f=void 0!==p&&p,v=e.hasPermission,E=void 0===v||v,g=e.type,j=n.useTranslation(["Design"]).t,b=i.useTranslatedParameters({isDefault:d,isActive:f});return a.createElement(a.Fragment,null,a.createElement("div",{className:"snippet-template-card"},a.createElement("div",{className:"snippet-template-card-header"},a.createElement(r.Link,{to:o},t),E&&Boolean(m)&&a.createElement(l.ConfirmModal,{type:l.ConfirmModalType.remove,content:j("areUSureYouWantToDelete",{name:t,type:j("emailTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(m)}},a.createElement(s.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-".concat(d?"3":"4")},!!b.length&&a.createElement("p",{className:"mb-1"},b),a.createElement("div",{className:"d-flex flex-column"},a.createElement("span",{className:"snippet-template-card-subject"},c),a.createElement("p",{className:"mb-0"},j("Design:type"),": ",j("Design:".concat(g)))))))};

package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAC;AAG9E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAC;AAM9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAM1G,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAC;CAC3E;AAED,eAAO,MAAM,oBAAoB,2FAsZhC,CAAC"}
+{"version":3,"file":"EmailTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/control/EmailTemplateControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAC;AAG9E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAC;AAM9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAM1G,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAC;CAC3E;AAED,eAAO,MAAM,oBAAoB,2FAuZhC,CAAC"}

package/dist/notification/email-template/control/EmailTemplateControl.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("react"),n=e(a),l=require("react-i18next"),r=require("react-bootstrap"),i=require("react-hook-form"),o=require("../../../file-upload/FileUpload.js"),s=e(require("react-email-editor")),m=require("@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper"),c=require("@licklist/plugins/dist/hooks/Media/useAttachments"),u=require("@licklist/plugins/dist/hooks/Media/usePermanentImage"),d=require("@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper"),p=n.forwardRef((function(e,p){var g,f,E,v=e.setIsLoading,h=e.meta,_=e.options,F=void 0===_?[]:_,b=e.defaultAttachments,y=void 0===b?[]:b,N=e.notificationTypes,D=void 0===N?[]:N,T=e.getDefaultTemplateMetaByType,P=l.useTranslation(["Design"]).t,C=t.__read(a.useState(null),2),I=C[0],k=C[1],M=i.useFormContext(),O=M.register,q=M.setValue,R=M.formState.errors,x=M.getValues,A=M.watch,j=M.reset,w=t.__read(a.useState(!1),2),G=w[0],V=w[1],S=c.useAttachments(I),L=S.attachments,U=S.handleAttachmentRemove,Y=S.handleAttachmentUploading,B=S.isLoading,J=u.usePermanentImage(),H=J.permanentImages,z=J.handlePermanentImageRemove,K=J.handlePermanentImageUploading,Q=A("type"),W=A("id");a.useEffect((function(){var e;if(!W&&T&&Q){var a=x(),n=T(Q);j(t.__assign(t.__assign({},a),{meta:n})),null===(e=p.current)||void 0===e||e.loadDesign(JSON.parse(n))}}),[Q]),a.useEffect((function(){q("attachmentMetadata",L)}),[L,q]),a.useEffect((function(){H.length&&q("imagesMetadata",H)}),[H,q]),a.useEffect((function(){if(y&&y.length>0){var e=x("attachments");k(e)}else k([])}),[y]),a.useEffect((function(){if(null==F?void 0:F.length){var e=F.find((function(e){return e.type===m.OPTION_TYPE.files_selector}));(null==e?void 0:e.selectedValue)&&V(!0)}}),[F]);return n.createElement(n.Fragment,null,n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"type",xs:!0,sm:12,md:8,lg:10,xl:12},n.createElement(r.Form.Label,null,P("type")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("type",{required:P("Validation:fieldRequired",{attribute:P("type")})}),{name:"type",required:!0,isInvalid:Boolean(R.type),placeholder:P("Design:type"),disabled:!!W}),n.createElement("option",{value:""},P("Design:choose")),D.map((function(e){return n.createElement("option",{key:e,value:e},P("Design:".concat(e)))}))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(g=R.type)||void 0===g?void 0:g.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},n.createElement(r.Form.Label,null,P("templateName")),n.createElement(r.Form.Control,t.__assign({},O("name",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("name")})}),{name:"name",required:!0,isInvalid:Boolean(R.name),placeholder:P("Design:templateName")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(f=R.name)||void 0===f?void 0:f.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupSubject"},n.createElement(r.Form.Label,null,P("subject")),n.createElement(r.Form.Control,t.__assign({},O("subject",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("subject")})}),{name:"subject",required:!0,isInvalid:Boolean(R.subject),placeholder:P("Design:subject")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=R.subject)||void 0===E?void 0:E.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Check,t.__assign({},O("isActive"),{name:"isActive",label:P("Design:active"),id:"formGroupIsActive",custom:!0})),n.createElement(r.Form.Check,t.__assign({},O("isDefault"),{name:"isDefault",label:P("Design:defaultTemplateForTheType"),id:"formGroupIsDefault",custom:!0})))),n.createElement(r.Row,{className:"mb-4"},n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Label,null,P("Design:emailBody")),n.createElement("div",{className:"email-editor"},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;v(!0),null===(e=p.current)||void 0===e||e.registerCallback("design:updated",(function(e){var t,a;null===(t=p.current)||void 0===t||t.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))})),"content:removed"===e.type&&"image"===(null===(a=e.item)||void 0===a?void 0:a.type)&&function(e){var t=e.item.values.src.url;if(!t.includes("unlayer")){var a=x("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)z(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;z(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;z(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),h&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(h)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))}))),v(!1),null===(l=p.current)||void 0===l||l.registerCallback("image",(function(e,a){return t.__awaiter(void 0,void 0,void 0,(function(){var n;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,K(e.attachments[0])];case 1:return n=t.sent(),a({progress:100,url:n.permanentUrl}),[2]}}))}))}))},style:{height:"50rem"}})))),n.createElement(r.Row,null,n.createElement(o.FileUpload,{className:"ml-4 mr-4",allowedExtensions:["jpg","jpeg","png","txt","pdf","doc"],enablePreview:!0,allowMultiple:!0,defaultFiles:L,onFilesChange:function(e){Y(e)},title:P("Design:attachments"),onFileRemove:function(e,t){return U(String(e),t)},isLoading:B})),(null==F?void 0:F.length)>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},F.map((function(e){if(e.type===m.OPTION_TYPE.checkbox)return n.createElement(r.Form.Check,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"checkbox",label:P("Design:".concat(e.name)),id:e.name+e.id,defaultChecked:"true"===e.selectedValue,custom:!0}));if(e.type===m.OPTION_TYPE.files_selector){var a=JSON.parse(e.defaultValue),l=Object.values(a),i=Object.keys(a);return n.createElement(n.Fragment,null,n.createElement(r.Form.Check,{checked:G,name:"IsIncludePDF",onChange:function(){V(!G),q("templateOptionValues.".concat(e.id,".value"),"")},label:P("Design:includePDF"),id:"formGroupIsIncludePdf",custom:!0}),G&&n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:includeFile")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("templateOptionValues.".concat(e.id,".value")),{defaultValue:e.selectedValue||""}),n.createElement("option",{value:""},P("Design:choose")),i.map((function(e,t){return n.createElement("option",{value:String(e),key:String(e)},l[t])})))))}return e.type===m.OPTION_TYPE.days_reminder?n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:".concat(e.name))),n.createElement(r.Form.Control,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"number",placeholder:P("Design:".concat(e.name)),id:e.name+e.id})),n.createElement(r.Form.Text,null,e.description)):null})))))}));p.displayName="EmailTemplateControl",exports.EmailTemplateControl=p;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("react"),n=e(a),l=require("react-i18next"),r=require("react-bootstrap"),i=require("react-hook-form"),o=require("../../../file-upload/FileUpload.js"),s=e(require("react-email-editor")),u=require("@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper"),m=require("@licklist/plugins/dist/hooks/Media/useAttachments"),c=require("@licklist/plugins/dist/hooks/Media/usePermanentImage"),d=require("@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper"),p=n.forwardRef((function(e,p){var g,f,E,v=e.setIsLoading,h=e.meta,_=e.options,F=void 0===_?[]:_,b=e.defaultAttachments,y=void 0===b?[]:b,N=e.notificationTypes,D=void 0===N?[]:N,T=e.getDefaultTemplateMetaByType,P=l.useTranslation(["Design"]).t,C=t.__read(a.useState(null),2),I=C[0],k=C[1],M=i.useFormContext(),O=M.register,q=M.setValue,R=M.formState.errors,x=M.getValues,A=M.watch,V=M.reset,j=t.__read(a.useState(!1),2),w=j[0],G=j[1],S=m.useAttachments(I),L=S.attachments,U=S.handleAttachmentRemove,Y=S.handleAttachmentUploading,B=S.isLoading,J=c.usePermanentImage(),H=J.permanentImages,z=J.handlePermanentImageRemove,K=J.handlePermanentImageUploading,Q=A("type"),W=A("id");a.useEffect((function(){var e;if(!W&&T&&Q){var a=x(),n=T(Q);V(t.__assign(t.__assign({},a),{meta:n})),null===(e=p.current)||void 0===e||e.loadDesign(JSON.parse(n))}}),[Q]),a.useEffect((function(){q("attachmentMetadata",L)}),[L,q]),a.useEffect((function(){H.length&&q("imagesMetadata",H)}),[H,q]),a.useEffect((function(){if(y&&y.length>0){var e=x("attachments");k(e)}else k([])}),[y]),a.useEffect((function(){if(null==F?void 0:F.length){var e=F.find((function(e){return e.type===u.OPTION_TYPE.files_selector}));(null==e?void 0:e.selectedValue)&&G(!0)}}),[F]);return n.createElement(n.Fragment,null,n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"type",xs:!0,sm:12,md:8,lg:10,xl:12},n.createElement(r.Form.Label,null,P("type")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("type",{required:P("Validation:fieldRequired",{attribute:P("type")})}),{name:"type",required:!0,isInvalid:Boolean(R.type),placeholder:P("Design:type"),disabled:!!W}),n.createElement("option",{value:""},P("Design:choose")),D.map((function(e){return n.createElement("option",{key:e,value:e},P("Design:".concat(e)))}))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(g=R.type)||void 0===g?void 0:g.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},n.createElement(r.Form.Label,null,P("templateName")),n.createElement(r.Form.Control,t.__assign({},O("name",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("name")})}),{name:"name",required:!0,isInvalid:Boolean(R.name),placeholder:P("Design:templateName")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(f=R.name)||void 0===f?void 0:f.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupSubject"},n.createElement(r.Form.Label,null,P("subject")),n.createElement(r.Form.Control,t.__assign({},O("subject",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("subject")})}),{name:"subject",required:!0,isInvalid:Boolean(R.subject),placeholder:P("Design:subject")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=R.subject)||void 0===E?void 0:E.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Check,t.__assign({},O("isActive"),{name:"isActive",label:P("Design:active"),id:"formGroupIsActive",custom:!0})),n.createElement(r.Form.Check,t.__assign({},O("isDefault"),{name:"isDefault",label:P("Design:defaultTemplateForTheType"),id:"formGroupIsDefault",custom:!0})))),n.createElement(r.Row,{className:"mb-4"},n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Label,null,P("Design:emailBody")),n.createElement("div",{className:"email-editor"},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;v(!0),null===(e=p.current)||void 0===e||e.registerCallback("design:updated",(function(e){var t,a;null===(t=p.current)||void 0===t||t.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))})),"content:removed"===e.type&&"image"===(null===(a=e.item)||void 0===a?void 0:a.type)&&function(e){var t=e.item.values.src.url;if(!t.includes("unlayer")){var a=x("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)z(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;z(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;z(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),h&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(h)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))}))),v(!1),null===(l=p.current)||void 0===l||l.registerCallback("image",(function(e,a){return t.__awaiter(void 0,void 0,void 0,(function(){var n;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,K(e.attachments[0])];case 1:return n=t.sent(),a({progress:100,url:n.permanentUrl}),[2]}}))}))}))},style:{height:"50rem"}})))),n.createElement(r.Row,null,n.createElement(o.FileUpload,{className:"ml-4 mr-4",allowedExtensions:["jpg","jpeg","png","txt","pdf","doc"],enablePreview:!0,allowMultiple:!0,defaultFiles:L,onFilesChange:function(e){Y(e)},title:P("Design:attachments"),onFileRemove:function(e,t){return U(String(e),t)},isLoading:B})),(null==F?void 0:F.length)>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},F.map((function(e){if(e.type===u.OPTION_TYPE.checkbox)return n.createElement(r.Form.Check,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"checkbox",label:P("Design:".concat(e.name)),id:e.name+e.id,defaultChecked:"true"===e.selectedValue,custom:!0}));if(e.type===u.OPTION_TYPE.files_selector){var a=JSON.parse(e.defaultValue),l=Object.values(a),i=Object.keys(a);return n.createElement(n.Fragment,null,n.createElement(r.Form.Check,{checked:w,name:"IsIncludePDF",onChange:function(){G(!w),q("templateOptionValues.".concat(e.id,".value"),"")},label:P("Design:includePDF"),id:"formGroupIsIncludePdf",custom:!0}),w&&n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:includeFile")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("templateOptionValues.".concat(e.id,".value")),{defaultValue:e.selectedValue||""}),n.createElement("option",{value:""},P("Design:choose")),i.map((function(e,t){return n.createElement("option",{value:String(e),key:String(e)},l[t])})))))}return e.type===u.OPTION_TYPE.days_reminder?n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:".concat(e.name))),n.createElement(r.Form.Control,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"number",placeholder:P("Design:".concat(e.name)),id:e.name+e.id,defaultValue:e.selectedValue||""})),n.createElement(r.Form.Text,null,e.description)):null})))))}));p.displayName="EmailTemplateControl",exports.EmailTemplateControl=p;

package/dist/notification/hooks/useTranslatedParameters.d.ts

@@ -0,0 +1,7 @@
+type UseTranslatedParametersProps = {
+    isDefault: boolean;
+    isActive: boolean;
+};
+export declare const useTranslatedParameters: ({ isActive, isDefault, }: UseTranslatedParametersProps) => string;
+export {};
+//# sourceMappingURL=useTranslatedParameters.d.ts.map

package/dist/notification/hooks/useTranslatedParameters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslatedParameters.d.ts","sourceRoot":"","sources":["../../../src/notification/hooks/useTranslatedParameters.ts"],"names":[],"mappings":"AAEA,KAAK,4BAA4B,GAAG;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,uBAAuB,6BAGjC,4BAA4B,WAgB9B,CAAC"}

package/dist/notification/hooks/useTranslatedParameters.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-i18next");exports.useTranslatedParameters=function(t){var s,r=t.isActive,i=t.isDefault,a=e.useTranslation(["Design"]).t;return s=[],i&&s.push(a("Design:default")),r&&s.push(a("Design:active")),s.join(", ")};

package/dist/notification/sms-template/card/SmsTemplateCard.d.ts

@@ -6,7 +6,8 @@ export interface SmsTemplateCardProps extends HasPermissionProp {
     href: string;
     onRemove: () => void;
     isDefault: boolean;
+    isActive: boolean;
     type: NotificationType;
 }
-export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, type, }: SmsTemplateCardProps): JSX.Element;
+export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, isActive, type, }: SmsTemplateCardProps): JSX.Element;
 //# sourceMappingURL=SmsTemplateCard.d.ts.map

package/dist/notification/sms-template/card/SmsTemplateCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmsTemplateCard.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/card/SmsTemplateCard.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAI1G,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAoB,EACpB,SAAiB,EACjB,IAAI,GACL,EAAE,oBAAoB,eAsCtB"}
+{"version":3,"file":"SmsTemplateCard.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/card/SmsTemplateCard.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAK1G,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAoB,EACpB,SAAiB,EACjB,QAAgB,EAChB,IAAI,GACL,EAAE,oBAAoB,eAwCtB"}

package/dist/notification/sms-template/card/SmsTemplateCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("react-i18next"),o=require("../../../static/Icon.js");require("../../../static/index.js");var i=require("../../../modals/confirmation/ConfirmModal.js");require("../../../modals/dialog/Dialog.js"),require("../../../modals/dialog/DialogContext.js"),exports.SmsTemplateCard=function(e){var t=e.name,l=e.href,s=e.onRemove,m=e.hasPermission,c=void 0===m||m,u=e.isDefault,d=void 0!==u&&u,p=e.type,f=n.useTranslation(["Design"]).t;return a.createElement("div",{className:"snippet-template-card"},a.createElement("div",{className:"snippet-template-card-header"},a.createElement(r.Link,{to:l},t),c&&Boolean(s)&&a.createElement(i.ConfirmModal,{type:i.ConfirmModalType.remove,content:f("areUSureYouWantToDelete",{name:t,type:f("smsTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(s)}},a.createElement(o.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-2"},Boolean(d)&&a.createElement("p",{className:"mb-1"},f("Design:default")),a.createElement("p",null,f("Design:type"),": ",f("Design:".concat(p)))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),s=require("react-i18next"),n=require("../../../static/Icon.js");require("../../../static/index.js");var o=require("../../../modals/confirmation/ConfirmModal.js");require("../../../modals/dialog/Dialog.js"),require("../../../modals/dialog/DialogContext.js");var i=require("../../hooks/useTranslatedParameters.js");exports.SmsTemplateCard=function(e){var t=e.name,l=e.href,m=e.onRemove,c=e.hasPermission,u=void 0===c||c,d=e.isDefault,p=void 0!==d&&d,f=e.isActive,v=void 0!==f&&f,g=e.type,q=s.useTranslation(["Design"]).t,y=i.useTranslatedParameters({isActive:v,isDefault:p});return a.createElement("div",{className:"snippet-template-card"},a.createElement("div",{className:"snippet-template-card-header"},a.createElement(r.Link,{to:l},t),u&&Boolean(m)&&a.createElement(o.ConfirmModal,{type:o.ConfirmModalType.remove,content:q("areUSureYouWantToDelete",{name:t,type:q("smsTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(m)}},a.createElement(n.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-2"},!!y.length&&a.createElement("p",{className:"mb-1"},y),a.createElement("p",{className:"mb-0"},q("Design:type"),": ",q("Design:".concat(g)))))};

package/dist/notification/sms-template/control/SmsTemplateControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmsTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/control/SmsTemplateControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAK1G,KAAK,uBAAuB,GAAG;IAC7B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,2BAE5B,uBAAuB,gBAiJzB,CAAC"}
+{"version":3,"file":"SmsTemplateControl.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/control/SmsTemplateControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAK1G,KAAK,uBAAuB,GAAG;IAC7B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,2BAE5B,uBAAuB,gBAqJzB,CAAC"}

package/dist/notification/sms-template/control/SmsTemplateControl.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),o=require("react-i18next"),l=require("react-bootstrap"),a=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=300;exports.SmsTemplateControl=function(e){var s,m,d=e.notificationTypes,u=void 0===d?[]:d,c=o.useTranslation(["Design"]).t,p=a.useFormContext(),g=p.register,y=p.watch,b=p.formState.errors,E=p.setError,f=p.clearErrors,v=y("body");return r.createElement(r.Fragment,null,r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,controlId:"type",xs:!0,sm:12,md:8,lg:10,xl:12},r.createElement(l.Form.Label,null,c("type")),r.createElement(l.Form.Control,t.__assign({as:"select"},g("type",{required:c("Validation:fieldRequired",{attribute:c("type")})}),{name:"type",required:!0,isInvalid:Boolean(b.type),placeholder:c("Design:type")}),r.createElement("option",{value:""},c("Design:choose")),u.map((function(e){return r.createElement("option",{key:e,value:e},c("Design:".concat(e)))}))),r.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(s=b.type)||void 0===s?void 0:s.message))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},r.createElement(l.Form.Label,null,c("templateName")),r.createElement(l.Form.Control,t.__assign({},g("name",{max:255,required:c("Validation:fieldRequired",{attribute:c("name")})}),{placeholder:c("Design:templateName"),isInvalid:Boolean(null==b?void 0:b.name)})),r.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(m=b.name)||void 0===m?void 0:m.message))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupBdoy"},r.createElement(l.Form.Label,null,c("Design:smsBody")),r.createElement(l.Form.Control,t.__assign({isInvalid:Boolean(b.body)},g("body",{required:!0,maxLength:i,validate:function(){return!!v.length&&(v.length>i?(E("body",{type:"maxLength",message:c("Validation:fieldMaxLength",{attribute:c("Design:smsBody"),max:i})}),!1):(f("body"),!0))}}),{placeholder:c("Design:smsBody")})),(null==v?void 0:v.length)?!n.hasError(b.body,"maxLength")&&r.createElement("span",{className:"sms-template-body-left-symbols"},c("Design:symbolsLeft")," ",i-(null==v?void 0:v.length)," (",c("Design:max"),": ",i,")"):null,r.createElement(l.Form.Control.Feedback,{type:"invalid"},n.hasError(b.body,"required")&&c("Validation:fieldRequired",{attribute:c("Design:smsBody")}),n.hasError(b.body,"maxLength")&&c("Validation:fieldMaxLength",{attribute:c("Design:smsBody"),max:i})))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col},r.createElement(l.Form.Check,t.__assign({},g("isActive"),{name:"isActive",label:c("Design:active"),id:"formGroupIsActive",custom:!0})),r.createElement(l.Form.Check,t.__assign({},g("isDefault"),{name:"isDefault",label:c("Design:defaultTemplateForTheType"),id:"formGroupIsDefault",custom:!0})))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),o=require("react-i18next"),l=require("react-bootstrap"),a=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=300;exports.SmsTemplateControl=function(e){var s,m,d=e.notificationTypes,u=void 0===d?[]:d,c=o.useTranslation(["Design"]).t,p=a.useFormContext(),g=p.register,y=p.watch,b=p.formState.errors,E=p.setError,f=p.clearErrors,v=y("body"),F=y("id");return r.createElement(r.Fragment,null,r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,controlId:"type",xs:!0,sm:12,md:8,lg:10,xl:12},r.createElement(l.Form.Label,null,c("type")),r.createElement(l.Form.Control,t.__assign({as:"select"},g("type",{required:c("Validation:fieldRequired",{attribute:c("type")})}),{name:"type",required:!0,isInvalid:Boolean(b.type),placeholder:c("Design:type"),disabled:!!F}),r.createElement("option",{value:""},c("Design:choose")),u.map((function(e){return r.createElement("option",{key:e,value:e},c("Design:".concat(e)))}))),r.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(s=b.type)||void 0===s?void 0:s.message))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},r.createElement(l.Form.Label,null,c("templateName")),r.createElement(l.Form.Control,t.__assign({},g("name",{max:255,required:c("Validation:fieldRequired",{attribute:c("name")})}),{placeholder:c("Design:templateName"),isInvalid:Boolean(null==b?void 0:b.name)})),r.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(m=b.name)||void 0===m?void 0:m.message))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupBdoy"},r.createElement(l.Form.Label,null,c("Design:smsBody")),r.createElement(l.Form.Control,t.__assign({isInvalid:Boolean(b.body),as:"textarea",rows:3},g("body",{required:!0,maxLength:i,validate:function(){return!!v.length&&(v.length>i?(E("body",{type:"maxLength",message:c("Validation:fieldMaxLength",{attribute:c("Design:smsBody"),max:i})}),!1):(f("body"),!0))}}),{placeholder:c("Design:smsBody")})),(null==v?void 0:v.length)?!n.hasError(b.body,"maxLength")&&r.createElement("span",{className:"sms-template-body-left-symbols"},c("Design:symbolsLeft")," ",i-(null==v?void 0:v.length)," (",c("Design:max"),": ",i,")"):null,r.createElement(l.Form.Control.Feedback,{type:"invalid"},n.hasError(b.body,"required")&&c("Validation:fieldRequired",{attribute:c("Design:smsBody")}),n.hasError(b.body,"maxLength")&&c("Validation:fieldMaxLength",{attribute:c("Design:smsBody"),max:i})))),r.createElement(l.Row,null,r.createElement(l.Form.Group,{as:l.Col},r.createElement(l.Form.Check,t.__assign({},g("isActive"),{name:"isActive",label:c("Design:active"),id:"formGroupIsActive",custom:!0})),r.createElement(l.Form.Check,t.__assign({},g("isDefault"),{name:"isDefault",label:c("Design:defaultTemplateForTheType"),id:"formGroupIsDefault",custom:!0})))))};

package/dist/notification/sms-template/form/SmsTemplateForm.d.ts

@@ -10,6 +10,7 @@ export interface SmsTemplateValues extends FormValues {
     isDefault: boolean;
     body: string;
     type?: NotificationType;
+    id?: number | string;
 }
 export interface SmsTemplateProps extends HasPermissionProp {
     isLoading: boolean;

package/dist/notification/sms-template/form/SmsTemplateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmsTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/form/SmsTemplateForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+EAA+E,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAI1G,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACxC;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,EACR,aAAoB,EACpB,YAAiB,EACjB,YAAY,EACZ,iBAAsB,GACvB,EAAE,gBAAgB,eAyBlB"}
+{"version":3,"file":"SmsTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/sms-template/form/SmsTemplateForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+EAA+E,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAI1G,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACzC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACxC;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,EACR,aAAoB,EACpB,YAAiB,EACjB,YAAY,EACZ,iBAAsB,GACvB,EAAE,gBAAgB,eAyBlB"}

package/dist/styles/snippet-templates/SnippetTemplateCard.scss

@@ -45,6 +45,22 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
     display: flex;
     justify-content: space-between;
     align-items: center;
+
+    a {
+      white-space: nowrap;
+      display: inline-block;
+      text-overflow: ellipsis;
+      width: 85%;
+      overflow: hidden;
+    }
+  }
+
+  .snippet-template-card-subject {
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
+    width: 100%;
+    overflow: hidden;
   }
 
   .snippet-template-card-button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.485-dev.37",
+  "version": "0.44.485-dev.39",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/notification/email-template/card/EmailTemplateCard.stories.tsx

@@ -14,9 +14,10 @@ export const Default: Story<EmailTemplateCardProps> = (args) => (
 
 Default.args = {
   href: "#",
-  name: "Default Email Template",
-  subject: "Confirmation",
+  name: "Default Email Template with very long name",
+  subject: "Confirmation with looong subject text",
   hasPermission: true,
   isDefault: true,
   templateType: "confirmation",
+  isActive: true,
 };

package/src/notification/email-template/card/EmailTemplateCard.tsx

@@ -5,12 +5,14 @@ import { useTranslation } from "react-i18next";
 import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { ConfirmModal, ConfirmModalType } from "../../../modals";
 import { Icon } from "../../../static";
+import { useTranslatedParameters } from "../../hooks/useTranslatedParameters";
 
 export interface EmailTemplateCardProps extends HasPermissionProp {
   name: string;
   subject: string;
   href: string;
   isDefault: boolean;
+  isActive: boolean;
   onRemove: () => void;
   type: NotificationType;
 }
@@ -21,11 +23,14 @@ export function EmailTemplateCard({
   subject,
   onRemove,
   isDefault = false,
+  isActive = false,
   hasPermission = true,
   type,
 }: EmailTemplateCardProps) {
   const { t } = useTranslation(["Design"]);
 
+  const texts = useTranslatedParameters({ isDefault, isActive });
+
   return (
     <>
       <div className="snippet-template-card">
@@ -55,10 +60,10 @@ export function EmailTemplateCard({
           )}
         </div>
         <div className={`mt-${isDefault ? "3" : "4"}`}>
-          {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
+          {!!texts.length && <p className="mb-1">{texts}</p>}
           <div className="d-flex flex-column">
-            <span>{subject}</span>
-            <p>
+            <span className="snippet-template-card-subject">{subject}</span>
+            <p className="mb-0">
               {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
             </p>
           </div>

package/src/notification/email-template/control/EmailTemplateControl.tsx

@@ -422,6 +422,7 @@ export const EmailTemplateControl = React.forwardRef(
                         type="number"
                         placeholder={t(`Design:${option.name}`)}
                         id={option.name + option.id}
+                        defaultValue={option.selectedValue || ""}
                       />
                       <Form.Text>{option.description}</Form.Text>
                     </>

package/src/notification/hooks/useTranslatedParameters.ts

@@ -0,0 +1,27 @@
+import { useTranslation } from "react-i18next";
+
+type UseTranslatedParametersProps = {
+  isDefault: boolean;
+  isActive: boolean;
+};
+
+export const useTranslatedParameters = ({
+  isActive,
+  isDefault,
+}: UseTranslatedParametersProps) => {
+  const { t } = useTranslation(["Design"]);
+
+  const translatedParameters = () => {
+    const texts: string[] = [];
+    if (isDefault) {
+      texts.push(t("Design:default"));
+    }
+    if (isActive) {
+      texts.push(t("Design:active"));
+    }
+
+    return texts.join(", ");
+  };
+
+  return translatedParameters();
+};

package/src/notification/sms-template/card/SmsTemplateCard.stories.tsx

@@ -14,8 +14,9 @@ export const Default: Story<SmsTemplateCardProps> = (args) => (
 
 Default.args = {
   href: "#",
-  name: "Default Sms Template",
+  name: "Default Sms Template with Long name",
   hasPermission: true,
   isDefault: true,
   templateType: "confirmation",
+  isActive: true,
 };

package/src/notification/sms-template/card/SmsTemplateCard.tsx

@@ -5,12 +5,14 @@ import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permi
 import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { ConfirmModal, ConfirmModalType } from "../../../modals";
 import { Icon } from "../../../static";
+import { useTranslatedParameters } from "../../hooks/useTranslatedParameters";
 
 export interface SmsTemplateCardProps extends HasPermissionProp {
   name: string;
   href: string;
   onRemove: () => void;
   isDefault: boolean;
+  isActive: boolean;
   type: NotificationType;
 }
 
@@ -20,10 +22,13 @@ export function SmsTemplateCard({
   onRemove,
   hasPermission = true,
   isDefault = false,
+  isActive = false,
   type,
 }: SmsTemplateCardProps) {
   const { t } = useTranslation(["Design"]);
 
+  const texts = useTranslatedParameters({ isActive, isDefault });
+
   return (
     <div className="snippet-template-card">
       <div className="snippet-template-card-header">
@@ -52,8 +57,8 @@ export function SmsTemplateCard({
         )}
       </div>
       <div className="mt-2">
-        {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
-        <p>
+        {!!texts.length && <p className="mb-1">{texts}</p>}
+        <p className="mb-0">
           {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
         </p>
       </div>

package/src/notification/sms-template/control/SmsTemplateControl.tsx

@@ -26,6 +26,7 @@ export const SmsTemplateControl = ({
   } = useFormContext<SmsTemplateValues>();
 
   const smsBody = watch("body");
+  const id = watch("id");
 
   return (
     <>
@@ -44,6 +45,7 @@ export const SmsTemplateControl = ({
             required
             isInvalid={Boolean(errors.type)}
             placeholder={t("Design:type")}
+            disabled={!!id}
           >
             <option value="">{t("Design:choose")}</option>
             {notificationTypes.map((key) => (
@@ -96,6 +98,8 @@ export const SmsTemplateControl = ({
           <Form.Label>{t("Design:smsBody")}</Form.Label>
           <Form.Control
             isInvalid={Boolean(errors.body)}
+            as="textarea"
+            rows={3}
             {...register("body", {
               required: true,
               maxLength: MAX_SMS_LENGTH,

package/src/notification/sms-template/form/SmsTemplateForm.stories.tsx

@@ -75,4 +75,11 @@ ServerErrors.args = {
     "afterBooking",
     "preliminaryMail",
   ],
+  defaultValues: {
+    name: "",
+    isActive: false,
+    isDefault: false,
+    body: "Some random sms string",
+    id: 5,
+  },
 };

package/src/notification/sms-template/form/SmsTemplateForm.tsx

@@ -18,6 +18,7 @@ export interface SmsTemplateValues extends FormValues {
   isDefault: boolean;
   body: string;
   type?: NotificationType;
+  id?: number | string;
 }
 
 export interface SmsTemplateProps extends HasPermissionProp {

package/src/styles/snippet-templates/SnippetTemplateCard.scss

@@ -45,6 +45,22 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
     display: flex;
     justify-content: space-between;
     align-items: center;
+
+    a {
+      white-space: nowrap;
+      display: inline-block;
+      text-overflow: ellipsis;
+      width: 85%;
+      overflow: hidden;
+    }
+  }
+
+  .snippet-template-card-subject {
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
+    width: 100%;
+    overflow: hidden;
   }
 
   .snippet-template-card-button {