@licklist/design 0.44.485-dev.30 → 0.44.485-dev.31

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 export interface EmailTemplateCardProps extends HasPermissionProp {
     name: string;
     subject: string;
     href: string;
     isDefault: boolean;
     onRemove: () => void;
+    type: NotificationType;
 }
-export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, hasPermission, }: EmailTemplateCardProps): JSX.Element;
+export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, 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;AAMvF,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;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,aAAoB,GACrB,EAAE,sBAAsB,eAsCxB"}
+{"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"}

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"),o=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"),exports.EmailTemplateCard=function(e){var t=e.name,i=e.href,s=e.subject,m=e.onRemove,c=e.isDefault,u=void 0!==c&&c,d=e.hasPermission,p=void 0===d||d,f=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(m)&&a.createElement(l.ConfirmModal,{type:l.ConfirmModalType.remove,content:f("areUSureYouWantToDelete",{name:t,type:f("emailTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(m)}},a.createElement(o.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-".concat(u?"3":"4")},Boolean(u)&&a.createElement("p",{className:"mb-1"},f("Design:default")),a.createElement("span",null,s))))};
+"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)))))))};

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

@@ -1,11 +1,14 @@
 import React from "react";
 import { TemplateOption } from "@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper";
 import { Attachment } from "@licklist/core/dist/DataMapper/Notification/AttachmentDataMapper";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 export interface EmailTemplateControlProps {
     options: TemplateOption[];
     setIsLoading: (isLoading: boolean) => void;
     meta: string;
     defaultAttachments?: Attachment[];
+    notificationTypes?: NotificationType[];
+    getDefaultTemplateMetaByType?: (type?: NotificationType | null) => string;
 }
 export declare const EmailTemplateControl: React.ForwardRefExoticComponent<EmailTemplateControlProps & React.RefAttributes<unknown>>;
 //# sourceMappingURL=EmailTemplateControl.d.ts.map

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":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EACL,cAAc,EAEf,MAAM,sEAAsE,CAAC;AAG9E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAC;AAW9F,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;CACnC;AAED,eAAO,MAAM,oBAAoB,2FAuUhC,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,2FA+XhC,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")),u=require("@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper"),c=require("@licklist/plugins/dist/hooks/Media/useAttachments"),m=require("@licklist/plugins/dist/hooks/Media/usePermanentImage"),d=require("@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper"),p=n.forwardRef((function(e,p){var f,g,E=e.setIsLoading,v=e.meta,h=e.options,_=void 0===h?[]:h,b=e.defaultAttachments,F=void 0===b?[]:b,N=l.useTranslation(["Design"]).t,P=t.__read(a.useState(null),2),I=P[0],k=P[1],y=i.useFormContext(),C=y.register,D=y.setValue,M=y.formState.errors,T=y.getValues,R=t.__read(a.useState(!1),2),q=R[0],O=R[1],x=c.useAttachments(I),A=x.attachments,j=x.handleAttachmentRemove,G=x.handleAttachmentUploading,w=x.isLoading,V=m.usePermanentImage(),S=V.permanentImages,L=V.handlePermanentImageRemove,U=V.handlePermanentImageUploading;a.useEffect((function(){D("attachmentMetadata",A)}),[A,D]),a.useEffect((function(){S.length&&D("imagesMetadata",S)}),[S,D]),a.useEffect((function(){if(F&&F.length>0){var e=T("attachments");k(e)}else k([])}),[F]),a.useEffect((function(){_.length&&(_.find((function(e){return e.type===u.OPTION_TYPE.files_selector})).selectedValue&&O(!0))}),[_]);return n.createElement(n.Fragment,null,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,N("templateName")),n.createElement(r.Form.Control,t.__assign({},C("name",{maxLength:255,required:N("Validation:fieldRequired",{attribute:N("name")})}),{name:"name",required:!0,isInvalid:Boolean(M.name),placeholder:N("Design:templateName")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(f=M.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,N("subject")),n.createElement(r.Form.Control,t.__assign({},C("subject",{maxLength:255,required:N("Validation:fieldRequired",{attribute:N("subject")})}),{name:"subject",required:!0,isInvalid:Boolean(M.subject),placeholder:N("Design:subject")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(g=M.subject)||void 0===g?void 0:g.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Check,t.__assign({},C("isActive"),{name:"isActive",label:N("Design:active"),id:"formGroupIsActive",custom:!0})),n.createElement(r.Form.Check,t.__assign({},C("isDefault"),{name:"isDefault",label:N("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,N("Design:emailBody")),n.createElement("div",{className:"email-editor"},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;E(!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){D("body",e.html),D("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=T("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)L(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;L(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;L(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),v&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(v)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){D("body",e.html),D("meta",JSON.stringify(e.design))}))),E(!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,U(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:A,onFilesChange:function(e){G(e)},title:N("Design:attachments"),onFileRemove:function(e,t){return j(String(e),t)},isLoading:w})),_.length>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},_.map((function(e){if(e.type===u.OPTION_TYPE.checkbox)return n.createElement(r.Form.Check,t.__assign({},C("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"checkbox",label:N("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:q,name:"IsIncludePDF",onChange:function(){O(!q),D("templateOptionValues.".concat(e.id,".value"),"")},label:N("Design:includePDF"),id:"formGroupIsIncludePdf",custom:!0}),q&&n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},N("Design:includeFile")),n.createElement(r.Form.Control,t.__assign({as:"select"},C("templateOptionValues.".concat(e.id,".value")),{defaultValue:e.selectedValue||""}),n.createElement("option",{value:""},N("Design:choose")),i.map((function(e,t){return n.createElement("option",{value:String(e),key:String(e)},l[t])})))))}return null})))))}));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"),c=require("@licklist/plugins/dist/hooks/Media/useAttachments"),m=require("@licklist/plugins/dist/hooks/Media/usePermanentImage"),d=require("@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper"),p=n.forwardRef((function(e,p){var f,g,E,v=e.setIsLoading,h=e.meta,_=e.options,b=void 0===_?[]:_,F=e.defaultAttachments,y=void 0===F?[]:F,N=e.notificationTypes,D=void 0===N?[]:N,C=e.getDefaultTemplateMetaByType,I=l.useTranslation(["Design"]).t,P=t.__read(a.useState(null),2),T=P[0],k=P[1],M=i.useFormContext(),q=M.register,R=M.setValue,x=M.formState.errors,O=M.getValues,A=M.watch,j=M.reset,w=t.__read(a.useState(!1),2),G=w[0],V=w[1],S=c.useAttachments(T),L=S.attachments,U=S.handleAttachmentRemove,Y=S.handleAttachmentUploading,B=S.isLoading,J=m.usePermanentImage(),H=J.permanentImages,z=J.handlePermanentImageRemove,K=J.handlePermanentImageUploading,Q=A("type"),W=A("id");a.useEffect((function(){var e;if(!W&&C&&Q){var a=O(),n=C(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(){R("attachmentMetadata",L)}),[L,R]),a.useEffect((function(){H.length&&R("imagesMetadata",H)}),[H,R]),a.useEffect((function(){if(y&&y.length>0){var e=O("attachments");k(e)}else k([])}),[y]),a.useEffect((function(){b.length&&(b.find((function(e){return e.type===u.OPTION_TYPE.files_selector})).selectedValue&&V(!0))}),[b]);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,I("type")),n.createElement(r.Form.Control,t.__assign({as:"select"},q("type",{required:I("Validation:fieldRequired",{attribute:I("type")})}),{name:"type",required:!0,isInvalid:Boolean(x.type),placeholder:I("Design:type"),disabled:!!W}),n.createElement("option",{value:""},I("Design:choose")),D.map((function(e){return n.createElement("option",{key:e,value:e},I("Design:".concat(e)))}))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(f=x.type)||void 0===f?void 0:f.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,I("templateName")),n.createElement(r.Form.Control,t.__assign({},q("name",{maxLength:255,required:I("Validation:fieldRequired",{attribute:I("name")})}),{name:"name",required:!0,isInvalid:Boolean(x.name),placeholder:I("Design:templateName")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(g=x.name)||void 0===g?void 0:g.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,I("subject")),n.createElement(r.Form.Control,t.__assign({},q("subject",{maxLength:255,required:I("Validation:fieldRequired",{attribute:I("subject")})}),{name:"subject",required:!0,isInvalid:Boolean(x.subject),placeholder:I("Design:subject")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=x.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({},q("isActive"),{name:"isActive",label:I("Design:active"),id:"formGroupIsActive",custom:!0})),n.createElement(r.Form.Check,t.__assign({},q("isDefault"),{name:"isDefault",label:I("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,I("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){R("body",e.html),R("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=O("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){R("body",e.html),R("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:I("Design:attachments"),onFileRemove:function(e,t){return U(String(e),t)},isLoading:B})),b.length>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},b.map((function(e){if(e.type===u.OPTION_TYPE.checkbox)return n.createElement(r.Form.Check,t.__assign({},q("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"checkbox",label:I("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:G,name:"IsIncludePDF",onChange:function(){V(!G),R("templateOptionValues.".concat(e.id,".value"),"")},label:I("Design:includePDF"),id:"formGroupIsIncludePdf",custom:!0}),G&&n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},I("Design:includeFile")),n.createElement(r.Form.Control,t.__assign({as:"select"},q("templateOptionValues.".concat(e.id,".value")),{defaultValue:e.selectedValue||""}),n.createElement("option",{value:""},I("Design:choose")),i.map((function(e,t){return n.createElement("option",{value:String(e),key:String(e)},l[t])})))))}return null})))))}));p.displayName="EmailTemplateControl",exports.EmailTemplateControl=p;

package/dist/notification/email-template/form/EmailTemplateForm.d.ts

@@ -9,7 +9,9 @@ import { Attachment } from "@licklist/core/dist/DataMapper/Notification/Attachme
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import { AttachmentsWithHash } from "@licklist/plugins/dist/hooks/Media/useAttachments";
 import { UploadPermanentImage } from "@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 export interface EmailTemplateValues extends FormValues {
+    id?: number | string;
     name: string;
     subject: string;
     isActive: boolean;
@@ -20,6 +22,7 @@ export interface EmailTemplateValues extends FormValues {
     attachments?: Attachment[];
     templateOptionValues?: TemplateOptionValue[];
     imagesMetadata?: UploadPermanentImage[];
+    type?: NotificationType;
 }
 export interface EmailTemplateProps extends HasPermissionProp {
     isLoading: boolean;
@@ -29,6 +32,8 @@ export interface EmailTemplateProps extends HasPermissionProp {
     placeholders?: NotificationPlaceholder[];
     options?: TemplateOption[];
     serverErrors?: ServerError;
+    notificationTypes?: NotificationType[];
+    getDefaultTemplateMetaByType?: (type?: NotificationType | null) => string;
 }
-export declare function EmailTemplateForm({ defaultValues, onSubmitSave, onSubmitSaveAndSend, hasPermission, placeholders, options, serverErrors, }: EmailTemplateProps): JSX.Element;
+export declare function EmailTemplateForm({ defaultValues, onSubmitSave, onSubmitSaveAndSend, hasPermission, placeholders, options, serverErrors, notificationTypes, getDefaultTemplateMetaByType, }: EmailTemplateProps): JSX.Element;
 //# sourceMappingURL=EmailTemplateForm.d.ts.map

package/dist/notification/email-template/form/EmailTemplateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/form/EmailTemplateForm.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,cAAc,EAAE,MAAM,sEAAsE,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qEAAqE,CAAC;AAM3G,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAClE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,aAAoB,EACpB,YAAiB,EACjB,OAAY,EACZ,YAAY,GACb,EAAE,kBAAkB,eAyDpB"}
+{"version":3,"file":"EmailTemplateForm.d.ts","sourceRoot":"","sources":["../../../../src/notification/email-template/form/EmailTemplateForm.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,cAAc,EAAE,MAAM,sEAAsE,CAAC;AACtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAC;AAChH,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qEAAqE,CAAC;AAC3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wEAAwE,CAAC;AAK1G,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAClE,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,YAAY,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,4BAA4B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAK,MAAM,CAAC;CAC3E;AAED,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,aAAoB,EACpB,YAAiB,EACjB,OAAY,EACZ,YAAY,EACZ,iBAAsB,EACtB,4BAA4B,GAC7B,EAAE,kBAAkB,eA2DpB"}

package/dist/notification/email-template/form/EmailTemplateForm.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=require("react"),o=e(r),a=require("../../../static/loader/BlockLoader.js"),l=require("react-i18next"),n=require("react-bootstrap"),i=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/FormErrorService"));require("../../../static/index.js");var m=require("../control/EmailTemplateControl.js"),d=require("../../components/NotificationPlaceholders.js");exports.EmailTemplateForm=function(e){var u=e.defaultValues,c=e.onSubmitSave,v=e.onSubmitSaveAndSend,E=e.hasPermission,f=void 0===E||E,p=e.placeholders,b=void 0===p?[]:p,h=e.options,S=void 0===h?[]:h,q=e.serverErrors,k=l.useTranslation("Design").t,j=t.__read(r.useState(!1),2),y=j[0],F=j[1],_=r.useRef(null),g=i.useForm({mode:"onChange",defaultValues:u}),B=g.setError;return r.useEffect((function(){s.handleServerErrors(q,B)}),[q,B]),o.createElement(i.FormProvider,t.__assign({},g),y&&o.createElement(a.BlockLoader,null),o.createElement(n.Form,{onSubmit:g.handleSubmit(c),noValidate:!0,style:{display:y?"none":"block"}},o.createElement(m.EmailTemplateControl,{ref:_,setIsLoading:F,meta:(null==u?void 0:u.meta)||null,defaultAttachments:(null==u?void 0:u.attachments)||[],options:S}),o.createElement(d.NotificationPlaceholders,{placeholders:b}),f&&!v&&o.createElement(n.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},k("save")),f&&v&&o.createElement(n.Col,{as:n.Row},o.createElement(n.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},k("save")),o.createElement(n.Button,{className:"mt-5 ml-5 d-no dne d-md-block",onClick:g.handleSubmit(v)},k("saveAndSendEmail")))))};
+"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=require("react"),o=e(r),a=require("../../../static/loader/BlockLoader.js"),l=require("react-i18next"),n=require("react-bootstrap"),i=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/FormErrorService"));require("../../../static/index.js");var m=require("../control/EmailTemplateControl.js"),u=require("../../components/NotificationPlaceholders.js");exports.EmailTemplateForm=function(e){var c=e.defaultValues,d=e.onSubmitSave,p=e.onSubmitSaveAndSend,f=e.hasPermission,v=void 0===f||f,E=e.placeholders,b=void 0===E?[]:E,h=e.options,y=void 0===h?[]:h,S=e.serverErrors,q=e.notificationTypes,T=void 0===q?[]:q,k=e.getDefaultTemplateMetaByType,g=l.useTranslation("Design").t,B=t.__read(r.useState(!1),2),j=B[0],F=B[1],_=r.useRef(null),C=i.useForm({mode:"onChange",defaultValues:c}),N=C.setError;return r.useEffect((function(){s.handleServerErrors(S,N)}),[S,N]),o.createElement(i.FormProvider,t.__assign({},C),j&&o.createElement(a.BlockLoader,null),o.createElement(n.Form,{onSubmit:C.handleSubmit(d),noValidate:!0,style:{display:j?"none":"block"}},o.createElement(m.EmailTemplateControl,{ref:_,setIsLoading:F,meta:(null==c?void 0:c.meta)||null,defaultAttachments:(null==c?void 0:c.attachments)||[],options:y,notificationTypes:T,getDefaultTemplateMetaByType:k}),o.createElement(u.NotificationPlaceholders,{placeholders:b}),v&&!p&&o.createElement(n.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},g("save")),v&&p&&o.createElement(n.Col,{as:n.Row},o.createElement(n.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},g("save")),o.createElement(n.Button,{className:"mt-5 ml-5 d-no dne d-md-block",onClick:C.handleSubmit(p)},g("saveAndSendEmail")))))};

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

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 export interface SmsTemplateCardProps extends HasPermissionProp {
     name: string;
     href: string;
     onRemove: () => void;
     isDefault: boolean;
+    type: NotificationType;
 }
-export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, }: SmsTemplateCardProps): JSX.Element;
+export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, 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":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAMvF,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;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAoB,EACpB,SAAiB,GAClB,EAAE,oBAAoB,eAmCtB"}
+{"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"}

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"),o=require("react-i18next"),n=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,s=e.href,l=e.onRemove,m=e.hasPermission,c=void 0===m||m,u=e.isDefault,d=void 0!==u&&u,p=o.useTranslation(["Design"]).t;return a.createElement("div",{className:"snippet-template-card"},a.createElement("div",{className:"snippet-template-card-header"},a.createElement(r.Link,{to:s},t),c&&Boolean(l)&&a.createElement(i.ConfirmModal,{type:i.ConfirmModalType.remove,content:p("areUSureYouWantToDelete",{name:t,type:p("smsTemplate").toLowerCase()})},(function(e){return a.createElement("button",{type:"button",className:"snippet-template-card-button",onClick:function(t){t.stopPropagation(),e(l)}},a.createElement(n.default,{type:"trash-alt"}))}))),a.createElement("div",{className:"mt-2"},Boolean(d)&&a.createElement("p",{className:"mb-1"},p("Design:default"))))};
+"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)))))};

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

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-export declare const SmsTemplateControl: () => JSX.Element;
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
+type SmsTemplateControlProps = {
+    notificationTypes: NotificationType[];
+};
+export declare const SmsTemplateControl: ({ notificationTypes, }: SmsTemplateControlProps) => JSX.Element;
+export {};
 //# sourceMappingURL=SmsTemplateControl.d.ts.map

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":";AAWA,eAAO,MAAM,kBAAkB,mBAqH9B,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,gBAiJzB,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"),a=require("react-bootstrap"),l=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=300;exports.SmsTemplateControl=function(){var e,s=o.useTranslation(["Design"]).t,m=l.useFormContext(),d=m.register,u=m.watch,c=m.formState.errors,g=m.setError,b=m.clearErrors,p=u("body");return r.createElement(r.Fragment,null,r.createElement(a.Row,null,r.createElement(a.Form.Group,{as:a.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},r.createElement(a.Form.Label,null,s("templateName")),r.createElement(a.Form.Control,t.__assign({},d("name",{max:255,required:s("Validation:fieldRequired",{attribute:s("name")})}),{placeholder:s("Design:templateName"),isInvalid:Boolean(null==c?void 0:c.name)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(e=c.name)||void 0===e?void 0:e.message))),r.createElement(a.Row,null,r.createElement(a.Form.Group,{as:a.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupBdoy"},r.createElement(a.Form.Label,null,s("Design:smsBody")),r.createElement(a.Form.Control,t.__assign({isInvalid:Boolean(c.body)},d("body",{required:!0,maxLength:i,validate:function(){return!!p.length&&(p.length>i?(g("body",{type:"maxLength",message:s("Validation:fieldMaxLength",{attribute:s("Design:smsBody"),max:i})}),!1):(b("body"),!0))}}),{placeholder:s("Design:smsBody")})),(null==p?void 0:p.length)?!n.hasError(c.body,"maxLength")&&r.createElement("span",{className:"sms-template-body-left-symbols"},s("Design:symbolsLeft")," ",i-(null==p?void 0:p.length)," (",s("Design:max"),": ",i,")"):null,r.createElement(a.Form.Control.Feedback,{type:"invalid"},n.hasError(c.body,"required")&&s("Validation:fieldRequired",{attribute:s("Design:smsBody")}),n.hasError(c.body,"maxLength")&&s("Validation:fieldMaxLength",{attribute:s("Design:smsBody"),max:i})))),r.createElement(a.Row,null,r.createElement(a.Form.Group,{as:a.Col},r.createElement(a.Form.Check,t.__assign({},d("isActive"),{name:"isActive",label:s("Design:active"),id:"formGroupIsActive",custom:!0})),r.createElement(a.Form.Check,t.__assign({},d("isDefault"),{name:"isDefault",label:s("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");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})))))};

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

@@ -3,11 +3,13 @@ import { FormValues } from "@licklist/plugins/dist/types/services/Form/hook-form
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { NotificationPlaceholder } from "@licklist/core/dist/DataMapper/Notification/NotificationPlaceholderDataMapper";
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 export interface SmsTemplateValues extends FormValues {
     name: string;
     isActive: boolean;
     isDefault: boolean;
     body: string;
+    type?: NotificationType;
 }
 export interface SmsTemplateProps extends HasPermissionProp {
     isLoading: boolean;
@@ -15,6 +17,7 @@ export interface SmsTemplateProps extends HasPermissionProp {
     defaultValues?: SmsTemplateValues;
     placeholders?: NotificationPlaceholder[];
     serverErrors?: ServerError;
+    notificationTypes?: NotificationType[];
 }
-export declare function SmsTemplateForm({ defaultValues, onSubmit, hasPermission, placeholders, serverErrors, }: SmsTemplateProps): JSX.Element;
+export declare function SmsTemplateForm({ defaultValues, onSubmit, hasPermission, placeholders, serverErrors, notificationTypes, }: SmsTemplateProps): JSX.Element;
 //# sourceMappingURL=SmsTemplateForm.d.ts.map

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;AAM5E,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;CACd;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;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,QAAQ,EACR,aAAoB,EACpB,YAAiB,EACjB,YAAY,GACb,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;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"}

package/dist/notification/sms-template/form/SmsTemplateForm.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 r=require("tslib"),t=require("react"),o=e(t),s=require("react-i18next"),i=require("react-bootstrap"),l=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),n=require("../../components/NotificationPlaceholders.js"),u=require("../control/SmsTemplateControl.js");exports.SmsTemplateForm=function(e){var c=e.defaultValues,m=e.onSubmit,d=e.hasPermission,f=void 0===d||d,p=e.placeholders,v=void 0===p?[]:p,E=e.serverErrors,b=s.useTranslation("Design").t,h=l.useForm({defaultValues:c}),q=h.setError;return t.useEffect((function(){a.handleServerErrors(E,q)}),[E,q]),o.createElement(l.FormProvider,r.__assign({},h),o.createElement(i.Form,{onSubmit:h.handleSubmit(m)},o.createElement(u.SmsTemplateControl,null),o.createElement(n.NotificationPlaceholders,{placeholders:v}),f&&o.createElement(i.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},b("save"))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),o=e(t),i=require("react-i18next"),s=require("react-bootstrap"),n=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),l=require("../../components/NotificationPlaceholders.js"),c=require("../control/SmsTemplateControl.js");exports.SmsTemplateForm=function(e){var u=e.defaultValues,m=e.onSubmit,d=e.hasPermission,f=void 0===d||d,p=e.placeholders,v=void 0===p?[]:p,E=e.serverErrors,b=e.notificationTypes,h=void 0===b?[]:b,q=i.useTranslation("Design").t,S=n.useForm({defaultValues:u}),F=S.setError;return t.useEffect((function(){a.handleServerErrors(E,F)}),[E,F]),o.createElement(n.FormProvider,r.__assign({},S),o.createElement(s.Form,{onSubmit:S.handleSubmit(m)},o.createElement(c.SmsTemplateControl,{notificationTypes:h}),o.createElement(l.NotificationPlaceholders,{placeholders:v}),f&&o.createElement(s.Button,{className:"mt-5 d-no dne d-md-block",type:"submit"},q("save"))))};

package/dist/sales/manual-booking/select-menu/SelectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,UAAU,wCAIpB,eAAe,gBA0CjB,CAAC"}
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,UAAU,wCAIpB,eAAe,gBA4CjB,CAAC"}

package/package.json

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

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

@@ -18,4 +18,5 @@ Default.args = {
   subject: "Confirmation",
   hasPermission: true,
   isDefault: true,
+  templateType: "confirmation",
 };

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

@@ -2,7 +2,7 @@ import React from "react";
 import { Link } from "react-router-dom";
 import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { useTranslation } from "react-i18next";
-
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { ConfirmModal, ConfirmModalType } from "../../../modals";
 import { Icon } from "../../../static";
 
@@ -12,6 +12,7 @@ export interface EmailTemplateCardProps extends HasPermissionProp {
   href: string;
   isDefault: boolean;
   onRemove: () => void;
+  type: NotificationType;
 }
 
 export function EmailTemplateCard({
@@ -21,6 +22,7 @@ export function EmailTemplateCard({
   onRemove,
   isDefault = false,
   hasPermission = true,
+  type,
 }: EmailTemplateCardProps) {
   const { t } = useTranslation(["Design"]);
 
@@ -54,7 +56,12 @@ export function EmailTemplateCard({
         </div>
         <div className={`mt-${isDefault ? "3" : "4"}`}>
           {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
-          <span>{subject}</span>
+          <div className="d-flex flex-column">
+            <span>{subject}</span>
+            <p>
+              {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
+            </p>
+          </div>
         </div>
       </div>
     </>

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import React, { useState, useEffect } from "react";
 import { Col, Row, Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";
@@ -16,6 +15,7 @@ import {
   PERMANENT_IMAGE_TYPE_TEMP,
 } from "@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper";
 
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { FileUpload } from "../../../file-upload";
 import { EmailTemplateValues } from "../form";
 
@@ -26,6 +26,8 @@ export interface EmailTemplateControlProps {
   setIsLoading: (isLoading: boolean) => void;
   meta: string;
   defaultAttachments?: Attachment[];
+  notificationTypes?: NotificationType[];
+  getDefaultTemplateMetaByType?: (type?: NotificationType | null) => string;
 }
 
 export const EmailTemplateControl = React.forwardRef(
@@ -35,6 +37,8 @@ export const EmailTemplateControl = React.forwardRef(
       meta,
       options = [],
       defaultAttachments = [],
+      notificationTypes = [],
+      getDefaultTemplateMetaByType,
     }: EmailTemplateControlProps,
     ref: any
   ) => {
@@ -48,6 +52,8 @@ export const EmailTemplateControl = React.forwardRef(
       setValue,
       formState: { errors },
       getValues,
+      watch,
+      reset,
     } = useFormContext<EmailTemplateValues>();
     const [isIncludePDF, setIsIncludePDF] = useState(false);
 
@@ -64,6 +70,22 @@ export const EmailTemplateControl = React.forwardRef(
       handlePermanentImageUploading,
     } = usePermanentImage();
 
+    const type = watch("type");
+    const id = watch("id");
+
+    useEffect(() => {
+      if (id || !getDefaultTemplateMetaByType || !type) return;
+
+      const formValues = getValues();
+
+      const nextMeta = getDefaultTemplateMetaByType(type);
+
+      reset({ ...formValues, meta: nextMeta });
+
+      ref.current?.loadDesign(JSON.parse(nextMeta));
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type]);
+
     useEffect(() => {
       setValue("attachmentMetadata", attachments);
     }, [attachments, setValue]);
@@ -175,6 +197,42 @@ export const EmailTemplateControl = React.forwardRef(
 
     return (
       <>
+        <Row>
+          <Form.Group
+            as={Col}
+            controlId="type"
+            xs
+            sm={12}
+            md={8}
+            lg={10}
+            xl={12}
+          >
+            <Form.Label>{t("type")}</Form.Label>
+            <Form.Control
+              as="select"
+              {...register("type", {
+                required: t("Validation:fieldRequired", {
+                  attribute: t("type"),
+                }) as string,
+              })}
+              name="type"
+              required
+              isInvalid={Boolean(errors.type)}
+              placeholder={t("Design:type")}
+              disabled={!!id}
+            >
+              <option value="">{t("Design:choose")}</option>
+              {notificationTypes.map((key) => (
+                <option key={key} value={key}>
+                  {t(`Design:${key}`)}
+                </option>
+              ))}
+            </Form.Control>
+            <Form.Control.Feedback type="invalid">
+              {errors.type?.message}
+            </Form.Control.Feedback>
+          </Form.Group>
+        </Row>
         <Row>
           <Form.Group
             as={Col}
@@ -356,3 +414,5 @@ export const EmailTemplateControl = React.forwardRef(
     );
   }
 );
+
+EmailTemplateControl.displayName = "EmailTemplateControl";

package/src/notification/email-template/form/EmailTemplateForm.stories.tsx

@@ -219,6 +219,13 @@ Default.args = {
         attachableType: "mail",
       },
     ],
+    type: "confirmation",
+    notificationTypes: [
+      "confirmation",
+      "paymentLink",
+      "afterBooking",
+      "preliminaryMail",
+    ],
   },
 };
 
@@ -248,10 +255,24 @@ ServerErrors.args = {
     body: "",
     meta: JSON.stringify(DefaultEmailTemplate),
   },
+  type: "confirmation",
+  notificationTypes: [
+    "confirmation",
+    "paymentLink",
+    "afterBooking",
+    "preliminaryMail",
+  ],
 };
 
 Empty.args = {
   onSubmit: (data) => console.log(data),
   isLoading: true,
   placeholders: [],
+  type: "confirmation",
+  notificationTypes: [
+    "confirmation",
+    "paymentLink",
+    "afterBooking",
+    "preliminaryMail",
+  ],
 };

package/src/notification/email-template/form/EmailTemplateForm.tsx

@@ -13,12 +13,13 @@ import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import FormErrorService from "@licklist/plugins/dist/services/Form/FormErrorService";
 import { AttachmentsWithHash } from "@licklist/plugins/dist/hooks/Media/useAttachments";
 import { UploadPermanentImage } from "@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper";
-
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { NotificationPlaceholders } from "../../components/NotificationPlaceholders";
 import { EmailTemplateControl } from "../control/EmailTemplateControl";
 import { BlockLoader } from "../../../static";
 
 export interface EmailTemplateValues extends FormValues {
+  id?: number | string;
   name: string;
   subject: string;
   isActive: boolean;
@@ -29,6 +30,7 @@ export interface EmailTemplateValues extends FormValues {
   attachments?: Attachment[];
   templateOptionValues?: TemplateOptionValue[];
   imagesMetadata?: UploadPermanentImage[];
+  type?: NotificationType;
 }
 
 export interface EmailTemplateProps extends HasPermissionProp {
@@ -39,6 +41,8 @@ export interface EmailTemplateProps extends HasPermissionProp {
   placeholders?: NotificationPlaceholder[];
   options?: TemplateOption[];
   serverErrors?: ServerError;
+  notificationTypes?: NotificationType[];
+  getDefaultTemplateMetaByType?: (type?: NotificationType | null) => string;
 }
 
 export function EmailTemplateForm({
@@ -49,6 +53,8 @@ export function EmailTemplateForm({
   placeholders = [],
   options = [],
   serverErrors,
+  notificationTypes = [],
+  getDefaultTemplateMetaByType,
 }: EmailTemplateProps) {
   const { t } = useTranslation("Design");
   const [isLoading, setIsLoading] = useState(false);
@@ -81,6 +87,8 @@ export function EmailTemplateForm({
           meta={defaultValues?.meta || null}
           defaultAttachments={defaultValues?.attachments || []}
           options={options}
+          notificationTypes={notificationTypes}
+          getDefaultTemplateMetaByType={getDefaultTemplateMetaByType}
         />
         <NotificationPlaceholders placeholders={placeholders} />
         {/* update email template */}

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

@@ -17,4 +17,5 @@ Default.args = {
   name: "Default Sms Template",
   hasPermission: true,
   isDefault: true,
+  templateType: "confirmation",
 };

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
 import { useTranslation } from "react-i18next";
-
+import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { ConfirmModal, ConfirmModalType } from "../../../modals";
 import { Icon } from "../../../static";
 
@@ -11,6 +11,7 @@ export interface SmsTemplateCardProps extends HasPermissionProp {
   href: string;
   onRemove: () => void;
   isDefault: boolean;
+  type: NotificationType;
 }
 
 export function SmsTemplateCard({
@@ -19,6 +20,7 @@ export function SmsTemplateCard({
   onRemove,
   hasPermission = true,
   isDefault = false,
+  type,
 }: SmsTemplateCardProps) {
   const { t } = useTranslation(["Design"]);
 
@@ -51,6 +53,9 @@ export function SmsTemplateCard({
       </div>
       <div className="mt-2">
         {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
+        <p>
+          {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
+        </p>
       </div>
     </div>
   );

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

@@ -4,12 +4,18 @@ import { Col, Row, Form } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
-
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { SmsTemplateValues } from "../form";
 
 const MAX_SMS_LENGTH = 300;
 
-export const SmsTemplateControl = () => {
+type SmsTemplateControlProps = {
+  notificationTypes: NotificationType[];
+};
+
+export const SmsTemplateControl = ({
+  notificationTypes = [],
+}: SmsTemplateControlProps) => {
   const { t } = useTranslation(["Design"]);
   const {
     register,
@@ -23,6 +29,34 @@ export const SmsTemplateControl = () => {
 
   return (
     <>
+      <Row>
+        <Form.Group as={Col} controlId="type" xs sm={12} md={8} lg={10} xl={12}>
+          <Form.Label>{t("type")}</Form.Label>
+
+          <Form.Control
+            as="select"
+            {...register("type", {
+              required: t("Validation:fieldRequired", {
+                attribute: t("type"),
+              }) as string,
+            })}
+            name="type"
+            required
+            isInvalid={Boolean(errors.type)}
+            placeholder={t("Design:type")}
+          >
+            <option value="">{t("Design:choose")}</option>
+            {notificationTypes.map((key) => (
+              <option key={key} value={key}>
+                {t(`Design:${key}`)}
+              </option>
+            ))}
+          </Form.Control>
+          <Form.Control.Feedback type="invalid">
+            {errors.type?.message}
+          </Form.Control.Feedback>
+        </Form.Group>
+      </Row>
       <Row>
         <Form.Group
           as={Col}

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

@@ -38,12 +38,26 @@ Default.args = {
     isDefault: false,
     body: "Some random sms string",
   },
+  type: "confirmation",
+  notificationTypes: [
+    "confirmation",
+    "paymentLink",
+    "afterBooking",
+    "preliminaryMail",
+  ],
 };
 
 Empty.args = {
   onSubmit: (data) => console.log(data),
   isLoading: true,
   placeholders: [],
+  type: "confirmation",
+  notificationTypes: [
+    "confirmation",
+    "paymentLink",
+    "afterBooking",
+    "preliminaryMail",
+  ],
 };
 
 ServerErrors.args = {
@@ -54,4 +68,11 @@ ServerErrors.args = {
     body: ["Body field is required"],
     name: ["Name Field is required"],
   },
+  type: "confirmation",
+  notificationTypes: [
+    "confirmation",
+    "paymentLink",
+    "afterBooking",
+    "preliminaryMail",
+  ],
 };

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

@@ -8,6 +8,7 @@ import { NotificationPlaceholder } from "@licklist/core/dist/DataMapper/Notifica
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import FormErrorService from "@licklist/plugins/dist/services/Form/FormErrorService";
 
+import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
 import { NotificationPlaceholders } from "../../components/NotificationPlaceholders";
 import { SmsTemplateControl } from "../control/SmsTemplateControl";
 
@@ -16,6 +17,7 @@ export interface SmsTemplateValues extends FormValues {
   isActive: boolean;
   isDefault: boolean;
   body: string;
+  type?: NotificationType;
 }
 
 export interface SmsTemplateProps extends HasPermissionProp {
@@ -24,6 +26,7 @@ export interface SmsTemplateProps extends HasPermissionProp {
   defaultValues?: SmsTemplateValues;
   placeholders?: NotificationPlaceholder[];
   serverErrors?: ServerError;
+  notificationTypes?: NotificationType[];
 }
 
 export function SmsTemplateForm({
@@ -32,6 +35,7 @@ export function SmsTemplateForm({
   hasPermission = true,
   placeholders = [],
   serverErrors,
+  notificationTypes = [],
 }: SmsTemplateProps) {
   const { t } = useTranslation("Design");
 
@@ -46,7 +50,7 @@ export function SmsTemplateForm({
   return (
     <FormProvider {...form}>
       <Form onSubmit={form.handleSubmit(onSubmit)}>
-        <SmsTemplateControl />
+        <SmsTemplateControl notificationTypes={notificationTypes} />
         <NotificationPlaceholders placeholders={placeholders} />
 
         {hasPermission && (

package/src/sales/manual-booking/select-menu/SelectMenu.tsx

@@ -39,7 +39,9 @@ export const SelectMenu = ({
       ) : (
         <>
           {!isLoading && (
-            <Form.Label className="bold-text">{t("Design:productSets")}</Form.Label>
+            <Form.Label className="bold-text">
+              {t("Design:productSets")}
+            </Form.Label>
           )}
 
           <div className="menu-list-manual-booking">