@licklist/design 0.44.485-dev.36 → 0.44.485-dev.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/events/edit-event-modal/IntervalInput.d.ts +4 -1
  2. package/dist/events/edit-event-modal/IntervalInput.d.ts.map +1 -1
  3. package/dist/events/edit-event-modal/IntervalInput.js +1 -1
  4. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
  5. package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +1 -1
  6. package/dist/notification/email-template/card/EmailTemplateCard.d.ts +2 -1
  7. package/dist/notification/email-template/card/EmailTemplateCard.d.ts.map +1 -1
  8. package/dist/notification/email-template/card/EmailTemplateCard.js +1 -1
  9. package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map +1 -1
  10. package/dist/notification/email-template/control/EmailTemplateControl.js +1 -1
  11. package/dist/notification/hooks/useTranslatedParameters.d.ts +7 -0
  12. package/dist/notification/hooks/useTranslatedParameters.d.ts.map +1 -0
  13. package/dist/notification/hooks/useTranslatedParameters.js +1 -0
  14. package/dist/notification/sms-template/card/SmsTemplateCard.d.ts +2 -1
  15. package/dist/notification/sms-template/card/SmsTemplateCard.d.ts.map +1 -1
  16. package/dist/notification/sms-template/card/SmsTemplateCard.js +1 -1
  17. package/dist/notification/sms-template/control/SmsTemplateControl.d.ts.map +1 -1
  18. package/dist/notification/sms-template/control/SmsTemplateControl.js +1 -1
  19. package/dist/styles/snippet-templates/SnippetTemplateCard.scss +16 -0
  20. package/package.json +1 -1
  21. package/src/events/edit-event-modal/IntervalInput.tsx +21 -1
  22. package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +3 -0
  23. package/src/notification/email-template/card/EmailTemplateCard.stories.tsx +3 -2
  24. package/src/notification/email-template/card/EmailTemplateCard.tsx +8 -3
  25. package/src/notification/email-template/control/EmailTemplateControl.tsx +1 -0
  26. package/src/notification/hooks/useTranslatedParameters.ts +27 -0
  27. package/src/notification/sms-template/card/SmsTemplateCard.stories.tsx +2 -1
  28. package/src/notification/sms-template/card/SmsTemplateCard.tsx +7 -2
  29. package/src/notification/sms-template/control/SmsTemplateControl.tsx +2 -0
  30. package/src/styles/snippet-templates/SnippetTemplateCard.scss +16 -0
@@ -1,7 +1,10 @@
1
1
  /// <reference types="react" />
2
+ import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
2
3
  import { ProductSetFormValues } from "../../product-set/form";
3
4
  interface IntervalInputProps {
4
5
  editedProductSet?: ProductSetFormValues;
6
+ productSets?: ProductSet[];
7
+ productSetId?: number;
5
8
  disabled?: boolean;
6
9
  }
7
10
  export interface IntervalInputValues {
@@ -9,6 +12,6 @@ export interface IntervalInputValues {
9
12
  end: string;
10
13
  rrule: string | null;
11
14
  }
12
- export declare function IntervalInput({ disabled, editedProductSet, }: IntervalInputProps): JSX.Element;
15
+ export declare function IntervalInput({ disabled, editedProductSet, productSetId, productSets, }: IntervalInputProps): JSX.Element;
13
16
  export {};
14
17
  //# sourceMappingURL=IntervalInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IntervalInput.d.ts","sourceRoot":"","sources":["../../../src/events/edit-event-modal/IntervalInput.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAgB,EAChB,gBAAgB,GACjB,EAAE,kBAAkB,eA6HpB"}
1
+ {"version":3,"file":"IntervalInput.d.ts","sourceRoot":"","sources":["../../../src/events/edit-event-modal/IntervalInput.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAIzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,EAAE,kBAAkB,eA4IpB"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),o=require("react-bootstrap"),i=require("react-hook-form"),l=require("@react-aria/utils"),u=require("../../static/WarningMessage.js"),s=require("luxon");require("../../static/index.js");var d=require("react-intl"),c=require("../../recurrence-input/RecurrenceInput.js");var m=function(){var e=i.useFormContext().watch,n=e("start"),a=e("end"),o=d.useIntl(),l=o.formatList,u=o.formatNumber;return r.useMemo((function(){var e=s.Interval.fromDateTimes(s.DateTime.fromISO(n),s.DateTime.fromISO(a)).toDuration(["days","hours","minutes"]);if(e.isValid){var r=function(e,t){return u(e,{style:"unit",unit:t,unitDisplay:"long"})},o=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return l(o.map((function(e){return r.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}),[n,a])},f=function(){var e=i.useFormContext().watch,t=a.useTranslation(["Design","Validation"]).t,n=e("start"),o=e("end");return{start:r.useMemo((function(){return{required:t("Validation:fieldRequired",{attribute:t("start")}),validate:function(e){return s.DateTime.fromISO(e).diffNow().toMillis()>0||t("Validation:fieldValidEventStart")}}}),[]),end:r.useMemo((function(){return{validate:function(e){return!e||(s.DateTime.fromISO(e).diff(s.DateTime.fromISO(n)).toMillis()>0||t("Validation:fieldValidEventEnd"))}}}),[n,o])}};exports.IntervalInput=function(e){var d,v,p=e.disabled,g=void 0!==p&&p,E=e.editedProductSet,F=a.useTranslation(["Design","Validation"]).t,I=i.useFormContext(),C=I.register,h=I.formState.errors,b=I.watch,y=I.control,q=I.setValue,_=m(),D=f(),T=b("rrule"),S=b("start"),k=b("end"),x=t.__read(r.useState(Boolean(T)),2),O=x[0],V=x[1],M=l.useId(),w=r.useRef(null),R=r.useRef(null);return r.useEffect((function(){E&&V(!1)}),[E]),n.createElement(n.Fragment,null,n.createElement(o.Form.Row,{className:"interval-container"},n.createElement(o.Form.Group,{as:o.Col,controlId:"start"},n.createElement(o.Form.Label,null,F("start")),n.createElement(o.Form.Control,t.__assign({type:"datetime-local"},C("start",D.start),{value:S,name:"start",required:!0,isInvalid:Boolean(h.start),onChange:function(e){var t=e.target.value;V(!1),q("start",t),s.DateTime.fromISO(k).diff(s.DateTime.fromISO(t)).toMillis()<0&&q("end",t)},onClick:function(){var e;return null===(e=null==w?void 0:w.current)||void 0===e?void 0:e.showPicker()},ref:w,disabled:g})),n.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(d=h.start)||void 0===d?void 0:d.message)),n.createElement(o.Form.Group,{as:o.Col,controlId:"end"},n.createElement(o.Form.Label,null,F("end")),n.createElement(o.Form.Control,t.__assign({type:"datetime-local"},C("end",D.end),{value:k,name:"end",onChange:function(e){var t=e.target.value;return q("end",t)},min:S,isInvalid:Boolean(h.end),onClick:function(){var e;return null===(e=null==R?void 0:R.current)||void 0===e?void 0:e.showPicker()},ref:R,disabled:g})),n.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(v=h.end)||void 0===v?void 0:v.message),n.createElement(o.Form.Text,{muted:!0},_&&"lasts ".concat(_)))),S&&n.createElement(o.Form.Group,{controlId:M},n.createElement(o.Form.Check,{label:"Recurrent",custom:!0,checked:O,onChange:function(e){var t=e.target.checked;V(t)},disabled:g||Boolean(E)}),!O&&n.createElement(o.Form.Text,{muted:!0},F("reccurentDescription",{item:F("event")})),n.createElement(u.default,{message:F("recurrentOverridesWarining")})),O&&S&&n.createElement(o.Form.Group,null,n.createElement(i.Controller,{control:y,name:"rrule",render:function(e){var t=e.field,r=t.value,a=t.onChange;return n.createElement(c.RecurrenceInput,{value:r,onChange:a,date:S,disabled:g})}})))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),o=require("react-bootstrap"),i=require("react-hook-form"),l=require("@react-aria/utils"),u=require("../../static/WarningMessage.js"),d=require("luxon");require("../../static/index.js");var s=require("react-intl"),c=require("../../recurrence-input/RecurrenceInput.js");var m=function(){var e=i.useFormContext().watch,n=e("start"),a=e("end"),o=s.useIntl(),l=o.formatList,u=o.formatNumber;return r.useMemo((function(){var e=d.Interval.fromDateTimes(d.DateTime.fromISO(n),d.DateTime.fromISO(a)).toDuration(["days","hours","minutes"]);if(e.isValid){var r=function(e,t){return u(e,{style:"unit",unit:t,unitDisplay:"long"})},o=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return l(o.map((function(e){return r.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}),[n,a])},f=function(){var e=i.useFormContext().watch,t=a.useTranslation(["Design","Validation"]).t,n=e("start"),o=e("end");return{start:r.useMemo((function(){return{required:t("Validation:fieldRequired",{attribute:t("start")}),validate:function(e){return d.DateTime.fromISO(e).diffNow().toMillis()>0||t("Validation:fieldValidEventStart")}}}),[]),end:r.useMemo((function(){return{validate:function(e){return!e||(d.DateTime.fromISO(e).diff(d.DateTime.fromISO(n)).toMillis()>0||t("Validation:fieldValidEventEnd"))}}}),[n,o])}};exports.IntervalInput=function(e){var s,v,p=e.disabled,E=void 0!==p&&p,g=e.editedProductSet,I=e.productSetId,F=e.productSets,C=a.useTranslation(["Design","Validation"]).t,h=i.useFormContext(),b=h.register,_=h.formState.errors,y=h.watch,q=h.control,S=h.setValue,D=m(),T=f(),k=y("rrule"),x=y("start"),M=y("end"),O=t.__read(r.useState(Boolean(k)),2),V=O[0],w=O[1],R=t.__read(r.useState(!1),2),B=R[0],j=R[1],G=l.useId(),P=r.useRef(null),L=r.useRef(null);return r.useEffect((function(){g&&w(!1)}),[g]),r.useEffect((function(){if(F){var e=F.find((function(e){return g&&(null==e?void 0:e.id)===(null==g?void 0:g.id)||Boolean(null==e?void 0:e.parentMenuId)&&(null==e?void 0:e.id)===I}));j(Boolean(e))}}),[F,I,j,g]),n.createElement(n.Fragment,null,n.createElement(o.Form.Row,{className:"interval-container"},n.createElement(o.Form.Group,{as:o.Col,controlId:"start"},n.createElement(o.Form.Label,null,C("start")),n.createElement(o.Form.Control,t.__assign({type:"datetime-local"},b("start",T.start),{value:x,name:"start",required:!0,isInvalid:Boolean(_.start),onChange:function(e){var t=e.target.value;w(!1),S("start",t),d.DateTime.fromISO(M).diff(d.DateTime.fromISO(t)).toMillis()<0&&S("end",t)},onClick:function(){var e;return null===(e=null==P?void 0:P.current)||void 0===e?void 0:e.showPicker()},ref:P,disabled:E})),n.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(s=_.start)||void 0===s?void 0:s.message)),n.createElement(o.Form.Group,{as:o.Col,controlId:"end"},n.createElement(o.Form.Label,null,C("end")),n.createElement(o.Form.Control,t.__assign({type:"datetime-local"},b("end",T.end),{value:M,name:"end",onChange:function(e){var t=e.target.value;return S("end",t)},min:x,isInvalid:Boolean(_.end),onClick:function(){var e;return null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.showPicker()},ref:L,disabled:E})),n.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(v=_.end)||void 0===v?void 0:v.message),n.createElement(o.Form.Text,{muted:!0},D&&"lasts ".concat(D)))),x&&n.createElement(o.Form.Group,{controlId:G},n.createElement(o.Form.Check,{label:"Recurrent",custom:!0,checked:V,onChange:function(e){var t=e.target.checked;w(t)},disabled:E||Boolean(g)}),!V&&n.createElement(o.Form.Text,{muted:!0},C("reccurentDescription",{item:C("event")}))),B&&n.createElement(u.default,{message:C("recurrentOverridesWarining")}),V&&x&&n.createElement(o.Form.Group,null,n.createElement(i.Controller,{control:q,name:"rrule",render:function(e){var t=e.field,r=t.value,a=t.onChange;return n.createElement(c.RecurrenceInput,{value:r,onChange:a,date:x,disabled:E})}})))};
@@ -1 +1 @@
1
- {"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAI5E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAGnF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAOD,eAAO,MAAM,aAAa,qLAYvB,kBAAkB,gBAmVpB,CAAC"}
1
+ {"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAI5E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAGnF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAOD,eAAO,MAAM,aAAa,qLAYvB,kBAAkB,gBAsVpB,CAAC"}
@@ -1 +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"),i=e(r),n=require("react-i18next"),o=require("react-bootstrap"),l=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),u=require("@react-aria/utils"),d=require("luxon"),s=require("../../../../collapsible-input-group/CollapsibleInputGroup.js"),c=require("../../../../modals/dialog/Dialog.js"),m=require("../../../../modals/dialog/DialogContext.js"),p=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),v=require("../../../../file-upload/FileUpload.js"),g=require("../../../../tiptap-editor/TipTapEditor.js"),E=require("../SelectEventProductSet/SelectEventProductSet.js"),f=require("@licklist/plugins/dist/hooks/Media/useMultipleImages"),I=require("@licklist/plugins/dist/utils/ScrollUtils"),b=require("@licklist/plugins/dist/utils/FormValues"),S=require("../SaleDeadline/SaleDeadline.js"),P=require("../../../../provider/categories-input/CategoriesInput.js"),F=require("../../../../provider/categories-input/CategoriesInputDescription.js");require("../../../../provider/location-input/LocationInput.js"),require("../../../../provider/location-input/LocationInputDescription.js"),require("../../../../provider/provider-links-input/ProviderLinksInput.js"),require("../../../../provider/provider-details-input/ProviderDetailsInput.js"),require("../../../../provider/provider-form/ProviderForm.js"),require("../../../../provider/working-hours-input/WorkingHoursInput.js"),require("../../../../provider/working-hours-input/WorkingHoursInputDescription.js"),require("../../../../provider/venue-form/VenueForm.js"),require("../../../../provider/company/user-form/UserForm.js");var q=require("../../IntervalInput.js"),A=require("../../utils/isUrlValid.js"),D={uploadImage:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE],uploadCover:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_COVER]},h=function(e){var t,r,i,n,o,l,a,u,s,c,m,p=function(e){return e&&d.DateTime.fromISO(e).toISO({includeOffset:!1,suppressMilliseconds:!0,suppressSeconds:!0})};return{name:null!==(t=null==e?void 0:e.name)&&void 0!==t?t:"",description:null!==(r=null==e?void 0:e.description)&&void 0!==r?r:"",start:p(null!==(i=null==e?void 0:e.startAt)&&void 0!==i?i:""),end:p(null!==(n=null==e?void 0:e.endAt)&&void 0!==n?n:""),rrule:null!==(o=null==e?void 0:e.rrule)&&void 0!==o?o:void 0,categories:null!==(l=null==e?void 0:e.categories)&&void 0!==l?l:[],termsAndConditions:null!==(a=null==e?void 0:e.termsAndConditions)&&void 0!==a?a:"",visible:null!==(u=null==e?void 0:e.visible)&&void 0!==u?u:"",externalPaymentLink:null!==(s=null==e?void 0:e.externalPaymentLink)&&void 0!==s?s:"",productSetId:null==e?void 0:e.productSetId,images:null==e?void 0:e.images,saleDeadline:null==e?void 0:e.saleDeadline,integrationUrl:null!==(c=null==e?void 0:e.integrationUrl)&&void 0!==c?c:"",recurrenceEndAt:null!==(m=null==e?void 0:e.recurrenceEndAt)&&void 0!==m?m:void 0}};exports.EditEventForm=function(e){var d,C,_,y=e.disabled,k=void 0!==y&&y,M=e.categories,L=e.title,j=e.hasPermission,w=void 0===j||j,G=e.defaultEventValues,U=e.serverErrors,x=e.onSaveEvent,T=e.productSets,V=e.createProductSet,Y=e.setEditProductSetId,O=e.isExternalPaymentLinkEnabled,B=n.useTranslation(["Design","Validation"]).t,R=u.useId(),N=u.useId(),W=u.useId(),H=u.useId(),K=u.useId(),z=t.__read(r.useState(null),2),J=z[0],Q=z[1],X=t.__read(r.useState(!1),2),Z=X[0],$=X[1],ee=m.useDialogContext(),te=ee.isShownDialog,re=ee.onBeforeUnload,ie=ee.onPopState,ne=ee.onApproveDialog,oe=ee.onDeclineDialog,le=l.useForm({defaultValues:h(G)}),ae=le.register,ue=le.formState.errors,de=le.handleSubmit,se=le.formState,ce=le.reset,me=le.watch,pe=le.setValue,ve=le.setError,ge=le.getValues,Ee=le.control,fe=me("visible"),Ie=me("editedProductSet"),be=f.useMultipleImages(J),Se=be.images,Pe=be.handleImageRemove,Fe=be.handleImageUploading,qe=be.isImagesLoading,Ae=be.isCoverImagesLoading,De=r.useCallback((function(e,t){return!!A.isUrlValid(e)||B("Validation:fieldValidWebURL",{attribute:t})}),[]);return r.useEffect((function(){ce(h(G))}),[G]),r.useEffect((function(){if(G.images&&G.images.length>0){var e=ge("images");Q(e)}else Q([])}),[Q,ge,G]),r.useEffect((function(){Array.isArray(Se)&&pe("images",Se)}),[Se]),r.useEffect((function(){a.handleServerErrors(U,ve)}),[U]),r.useEffect((function(){return window.history.pushState(null,"",window.location.pathname),window.addEventListener("beforeunload",re),window.addEventListener("popstate",ie),function(){window.removeEventListener("beforeunload",re),window.removeEventListener("popstate",ie)}}),[]),i.createElement(i.Fragment,null,i.createElement(c.Dialog,{isActive:te,title:B("Design:leavePage"),content:B("Design:changesNotBeSaved"),onApprove:ne,onDecline:oe}),i.createElement("h5",{className:"edit-event-modal-title highlited-primary-title"},L),i.createElement(l.FormProvider,t.__assign({},le),i.createElement(o.Modal.Body,{as:"form",noValidate:!0,onSubmit:de(x,(function(e){I.scrollToError(b.getFirstErrorKey(e))}))},i.createElement(o.Form.Group,{controlId:"name"},i.createElement(o.Form.Label,null,B("nameOfEvent")),i.createElement(o.Form.Control,t.__assign({},ae("name",{required:B("Validation:fieldRequired",{attribute:B("name")}),maxLength:{value:255,message:B("Validation:fieldMaxLength",{attribute:B("name"),max:255})}}),{name:"name",required:!0,isInvalid:Boolean(ue.name),disabled:k})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(d=ue.name)||void 0===d?void 0:d.message)),Object.keys(D).map((function(e){var t=D[e];return i.createElement(v.FileUpload,{key:e,allowedExtensions:["jpg","jpeg","png"],enablePreview:!0,defaultFiles:null==Se?void 0:Se.filter((function(e){return p.IMAGE_TYPE_MAP[e.imageType]===t})),onFilesChange:function(e){Fe(e,t)},secondSubtitle:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?"1200x600":void 0,title:B("Design:".concat(e)),onFileRemove:function(e,r){return Pe(String(e),r,t)},isLoading:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?qe:Ae,disabled:k})})),i.createElement(o.Form.Group,{controlId:R},i.createElement(o.Form.Label,null,B("description")),i.createElement(l.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"description"})),i.createElement(q.IntervalInput,{key:me("rrule"),disabled:k,editedProductSet:Ie}),0!==M.length&&i.createElement(o.Form.Group,null,i.createElement(o.Accordion,null,i.createElement(s.CollapsibleInputGroup,{eventKey:"categories",label:B("categories"),description:i.createElement(F.CategoriesInputDescription,{categories:M})},i.createElement(P.CategoriesInput,{categories:M})))),i.createElement(S.SaleDeadline,{disabled:k}),i.createElement(o.Form.Group,{controlId:N},i.createElement(o.Form.Label,null,B("termsAndConditions")),i.createElement(l.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"termsAndConditions"})),O&&i.createElement(o.Form.Group,{controlId:K},i.createElement(o.Form.Label,null,B("externalPaymentLink")),i.createElement(o.Form.Control,t.__assign({},ae("externalPaymentLink",{validate:function(e){return!e||De(e,B("Design:externalPaymentLink"))}}),{name:"externalPaymentLink",type:"url",inputMode:"url",disabled:k,isInvalid:Boolean(ue.externalPaymentLink)})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(C=ue.externalPaymentLink)||void 0===C?void 0:C.message)),i.createElement(o.Form.Group,{controlId:W,className:"mt-5"},i.createElement(o.Form.Label,null,B("public")," / ",B("private")),i.createElement(l.Controller,{control:Ee,name:"visible",rules:{validate:function(e){return"boolean"==typeof e||B("Validation:fieldRequired",{attribute:B("visible")})}},render:function(e){var t=e.field,r=e.fieldState,n=r.invalid,l=r.error,a=String(t.value);return i.createElement(i.Fragment,null,i.createElement(o.Form.Control,{as:"select",onChange:function(e){var r=e.target.value;t.onChange(r?"true"===r:r)},isInvalid:n,defaultValue:"",value:a,disabled:k},i.createElement("option",{value:""},B("Design:pleaseChooseOne")),i.createElement("option",{value:"false"},B("Design:private")),i.createElement("option",{value:"true"},B("Design:public"))),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null==l?void 0:l.message))}})),"boolean"!=typeof fe||fe?null:i.createElement(o.Form.Group,{controlId:H},i.createElement(o.Form.Label,null,B("Design:integrationUrl")),i.createElement(o.Form.Control,t.__assign({},ae("integrationUrl",{required:B("Validation:fieldRequired",{attribute:B("Design:integrationUrl")}),validate:function(e){return De(e,B("Design:integrationUrl"))}}),{name:"integrationUrl",isInvalid:Boolean(ue.integrationUrl),placeholder:B("Design:integrationUrl"),disabled:k})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(_=ue.integrationUrl)||void 0===_?void 0:_.message)),i.createElement(E.SelectEventProductSet,{productSets:T||[],createProductSet:V,setEditProductSetId:Y,setShowEditProductSet:$,showEditProductSet:Z}),w&&!Z&&i.createElement(o.Button,{disabled:k||se.isSubmitting||qe||Ae,className:"save-event",type:"submit"},se.isSubmitting?"".concat(B("saveAndAdd"),"..."):B("saveAndAdd")))))};
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"),i=e(r),n=require("react-i18next"),o=require("react-bootstrap"),l=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),d=require("@react-aria/utils"),u=require("luxon"),s=require("../../../../collapsible-input-group/CollapsibleInputGroup.js"),c=require("../../../../modals/dialog/Dialog.js"),m=require("../../../../modals/dialog/DialogContext.js"),p=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),v=require("../../../../file-upload/FileUpload.js"),g=require("../../../../tiptap-editor/TipTapEditor.js"),E=require("../SelectEventProductSet/SelectEventProductSet.js"),f=require("@licklist/plugins/dist/hooks/Media/useMultipleImages"),I=require("@licklist/plugins/dist/utils/ScrollUtils"),b=require("@licklist/plugins/dist/utils/FormValues"),S=require("../SaleDeadline/SaleDeadline.js"),P=require("../../../../provider/categories-input/CategoriesInput.js"),F=require("../../../../provider/categories-input/CategoriesInputDescription.js");require("../../../../provider/location-input/LocationInput.js"),require("../../../../provider/location-input/LocationInputDescription.js"),require("../../../../provider/provider-links-input/ProviderLinksInput.js"),require("../../../../provider/provider-details-input/ProviderDetailsInput.js"),require("../../../../provider/provider-form/ProviderForm.js"),require("../../../../provider/working-hours-input/WorkingHoursInput.js"),require("../../../../provider/working-hours-input/WorkingHoursInputDescription.js"),require("../../../../provider/venue-form/VenueForm.js"),require("../../../../provider/company/user-form/UserForm.js");var q=require("../../IntervalInput.js"),A=require("../../utils/isUrlValid.js"),D={uploadImage:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE],uploadCover:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_COVER]},h=function(e){var t,r,i,n,o,l,a,d,s,c,m,p=function(e){return e&&u.DateTime.fromISO(e).toISO({includeOffset:!1,suppressMilliseconds:!0,suppressSeconds:!0})};return{name:null!==(t=null==e?void 0:e.name)&&void 0!==t?t:"",description:null!==(r=null==e?void 0:e.description)&&void 0!==r?r:"",start:p(null!==(i=null==e?void 0:e.startAt)&&void 0!==i?i:""),end:p(null!==(n=null==e?void 0:e.endAt)&&void 0!==n?n:""),rrule:null!==(o=null==e?void 0:e.rrule)&&void 0!==o?o:void 0,categories:null!==(l=null==e?void 0:e.categories)&&void 0!==l?l:[],termsAndConditions:null!==(a=null==e?void 0:e.termsAndConditions)&&void 0!==a?a:"",visible:null!==(d=null==e?void 0:e.visible)&&void 0!==d?d:"",externalPaymentLink:null!==(s=null==e?void 0:e.externalPaymentLink)&&void 0!==s?s:"",productSetId:null==e?void 0:e.productSetId,images:null==e?void 0:e.images,saleDeadline:null==e?void 0:e.saleDeadline,integrationUrl:null!==(c=null==e?void 0:e.integrationUrl)&&void 0!==c?c:"",recurrenceEndAt:null!==(m=null==e?void 0:e.recurrenceEndAt)&&void 0!==m?m:void 0}};exports.EditEventForm=function(e){var u,C,_,y=e.disabled,k=void 0!==y&&y,M=e.categories,L=e.title,j=e.hasPermission,w=void 0===j||j,G=e.defaultEventValues,U=e.serverErrors,x=e.onSaveEvent,T=e.productSets,V=e.createProductSet,Y=e.setEditProductSetId,O=e.isExternalPaymentLinkEnabled,B=n.useTranslation(["Design","Validation"]).t,R=d.useId(),N=d.useId(),W=d.useId(),H=d.useId(),K=d.useId(),z=t.__read(r.useState(null),2),J=z[0],Q=z[1],X=t.__read(r.useState(!1),2),Z=X[0],$=X[1],ee=m.useDialogContext(),te=ee.isShownDialog,re=ee.onBeforeUnload,ie=ee.onPopState,ne=ee.onApproveDialog,oe=ee.onDeclineDialog,le=l.useForm({defaultValues:h(G)}),ae=le.register,de=le.formState.errors,ue=le.handleSubmit,se=le.formState,ce=le.reset,me=le.watch,pe=le.setValue,ve=le.setError,ge=le.getValues,Ee=le.control,fe=me("visible"),Ie=me("editedProductSet"),be=me("productSetId"),Se=f.useMultipleImages(J),Pe=Se.images,Fe=Se.handleImageRemove,qe=Se.handleImageUploading,Ae=Se.isImagesLoading,De=Se.isCoverImagesLoading,he=r.useCallback((function(e,t){return!!A.isUrlValid(e)||B("Validation:fieldValidWebURL",{attribute:t})}),[]);return r.useEffect((function(){ce(h(G))}),[G]),r.useEffect((function(){if(G.images&&G.images.length>0){var e=ge("images");Q(e)}else Q([])}),[Q,ge,G]),r.useEffect((function(){Array.isArray(Pe)&&pe("images",Pe)}),[Pe]),r.useEffect((function(){a.handleServerErrors(U,ve)}),[U]),r.useEffect((function(){return window.history.pushState(null,"",window.location.pathname),window.addEventListener("beforeunload",re),window.addEventListener("popstate",ie),function(){window.removeEventListener("beforeunload",re),window.removeEventListener("popstate",ie)}}),[]),i.createElement(i.Fragment,null,i.createElement(c.Dialog,{isActive:te,title:B("Design:leavePage"),content:B("Design:changesNotBeSaved"),onApprove:ne,onDecline:oe}),i.createElement("h5",{className:"edit-event-modal-title highlited-primary-title"},L),i.createElement(l.FormProvider,t.__assign({},le),i.createElement(o.Modal.Body,{as:"form",noValidate:!0,onSubmit:ue(x,(function(e){I.scrollToError(b.getFirstErrorKey(e))}))},i.createElement(o.Form.Group,{controlId:"name"},i.createElement(o.Form.Label,null,B("nameOfEvent")),i.createElement(o.Form.Control,t.__assign({},ae("name",{required:B("Validation:fieldRequired",{attribute:B("name")}),maxLength:{value:255,message:B("Validation:fieldMaxLength",{attribute:B("name"),max:255})}}),{name:"name",required:!0,isInvalid:Boolean(de.name),disabled:k})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(u=de.name)||void 0===u?void 0:u.message)),Object.keys(D).map((function(e){var t=D[e];return i.createElement(v.FileUpload,{key:e,allowedExtensions:["jpg","jpeg","png"],enablePreview:!0,defaultFiles:null==Pe?void 0:Pe.filter((function(e){return p.IMAGE_TYPE_MAP[e.imageType]===t})),onFilesChange:function(e){qe(e,t)},secondSubtitle:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?"1200x600":void 0,title:B("Design:".concat(e)),onFileRemove:function(e,r){return Fe(String(e),r,t)},isLoading:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?Ae:De,disabled:k})})),i.createElement(o.Form.Group,{controlId:R},i.createElement(o.Form.Label,null,B("description")),i.createElement(l.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"description"})),i.createElement(q.IntervalInput,{key:me("rrule"),disabled:k,productSetId:be,productSets:T,editedProductSet:Ie}),0!==M.length&&i.createElement(o.Form.Group,null,i.createElement(o.Accordion,null,i.createElement(s.CollapsibleInputGroup,{eventKey:"categories",label:B("categories"),description:i.createElement(F.CategoriesInputDescription,{categories:M})},i.createElement(P.CategoriesInput,{categories:M})))),i.createElement(S.SaleDeadline,{disabled:k}),i.createElement(o.Form.Group,{controlId:N},i.createElement(o.Form.Label,null,B("termsAndConditions")),i.createElement(l.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"termsAndConditions"})),O&&i.createElement(o.Form.Group,{controlId:K},i.createElement(o.Form.Label,null,B("externalPaymentLink")),i.createElement(o.Form.Control,t.__assign({},ae("externalPaymentLink",{validate:function(e){return!e||he(e,B("Design:externalPaymentLink"))}}),{name:"externalPaymentLink",type:"url",inputMode:"url",disabled:k,isInvalid:Boolean(de.externalPaymentLink)})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(C=de.externalPaymentLink)||void 0===C?void 0:C.message)),i.createElement(o.Form.Group,{controlId:W,className:"mt-5"},i.createElement(o.Form.Label,null,B("public")," / ",B("private")),i.createElement(l.Controller,{control:Ee,name:"visible",rules:{validate:function(e){return"boolean"==typeof e||B("Validation:fieldRequired",{attribute:B("visible")})}},render:function(e){var t=e.field,r=e.fieldState,n=r.invalid,l=r.error,a=String(t.value);return i.createElement(i.Fragment,null,i.createElement(o.Form.Control,{as:"select",onChange:function(e){var r=e.target.value;t.onChange(r?"true"===r:r)},isInvalid:n,defaultValue:"",value:a,disabled:k},i.createElement("option",{value:""},B("Design:pleaseChooseOne")),i.createElement("option",{value:"false"},B("Design:private")),i.createElement("option",{value:"true"},B("Design:public"))),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null==l?void 0:l.message))}})),"boolean"!=typeof fe||fe?null:i.createElement(o.Form.Group,{controlId:H},i.createElement(o.Form.Label,null,B("Design:integrationUrl")),i.createElement(o.Form.Control,t.__assign({},ae("integrationUrl",{required:B("Validation:fieldRequired",{attribute:B("Design:integrationUrl")}),validate:function(e){return he(e,B("Design:integrationUrl"))}}),{name:"integrationUrl",isInvalid:Boolean(de.integrationUrl),placeholder:B("Design:integrationUrl"),disabled:k})),i.createElement(o.Form.Control.Feedback,{type:"invalid"},null===(_=de.integrationUrl)||void 0===_?void 0:_.message)),i.createElement(E.SelectEventProductSet,{productSets:T||[],createProductSet:V,setEditProductSetId:Y,setShowEditProductSet:$,showEditProductSet:Z}),w&&!Z&&i.createElement(o.Button,{disabled:k||se.isSubmitting||Ae||De,className:"save-event",type:"submit"},se.isSubmitting?"".concat(B("saveAndAdd"),"..."):B("saveAndAdd")))))};
@@ -6,8 +6,9 @@ export interface EmailTemplateCardProps extends HasPermissionProp {
6
6
  subject: string;
7
7
  href: string;
8
8
  isDefault: boolean;
9
+ isActive: boolean;
9
10
  onRemove: () => void;
10
11
  type: NotificationType;
11
12
  }
12
- export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, hasPermission, type, }: EmailTemplateCardProps): JSX.Element;
13
+ export declare function EmailTemplateCard({ name, href, subject, onRemove, isDefault, isActive, hasPermission, type, }: EmailTemplateCardProps): JSX.Element;
13
14
  //# sourceMappingURL=EmailTemplateCard.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1 +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)))))))};
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"),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)))))))};
@@ -1 +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"}
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,2FAuZhC,CAAC"}
@@ -1 +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;
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"),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;
@@ -0,0 +1,7 @@
1
+ type UseTranslatedParametersProps = {
2
+ isDefault: boolean;
3
+ isActive: boolean;
4
+ };
5
+ export declare const useTranslatedParameters: ({ isActive, isDefault, }: UseTranslatedParametersProps) => string;
6
+ export {};
7
+ //# sourceMappingURL=useTranslatedParameters.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1 @@
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(", ")};
@@ -6,7 +6,8 @@ export interface SmsTemplateCardProps extends HasPermissionProp {
6
6
  href: string;
7
7
  onRemove: () => void;
8
8
  isDefault: boolean;
9
+ isActive: boolean;
9
10
  type: NotificationType;
10
11
  }
11
- export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, type, }: SmsTemplateCardProps): JSX.Element;
12
+ export declare function SmsTemplateCard({ name, href, onRemove, hasPermission, isDefault, isActive, type, }: SmsTemplateCardProps): JSX.Element;
12
13
  //# sourceMappingURL=SmsTemplateCard.d.ts.map
@@ -1 +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"}
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;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"}
@@ -1 +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)))))};
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"),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)))))};
@@ -1 +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"}
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,gBAmJzB,CAAC"}
@@ -1 +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})))))};
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),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})))))};
@@ -45,6 +45,22 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
45
45
  display: flex;
46
46
  justify-content: space-between;
47
47
  align-items: center;
48
+
49
+ a {
50
+ white-space: nowrap;
51
+ display: inline-block;
52
+ text-overflow: ellipsis;
53
+ width: 85%;
54
+ overflow: hidden;
55
+ }
56
+ }
57
+
58
+ .snippet-template-card-subject {
59
+ white-space: nowrap;
60
+ display: inline-block;
61
+ text-overflow: ellipsis;
62
+ width: 100%;
63
+ overflow: hidden;
48
64
  }
49
65
 
50
66
  .snippet-template-card-button {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.44.485-dev.36",
3
+ "version": "0.44.485-dev.38",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -6,6 +6,7 @@ import { useTranslation } from "react-i18next";
6
6
  import { useIntl } from "react-intl";
7
7
 
8
8
  import { useId } from "@react-aria/utils";
9
+ import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
9
10
  import HTMLInputDateElement from "../../types/static/HTMLInputDateElement";
10
11
  import { RecurrenceInput } from "../../recurrence-input";
11
12
  import { WarningMessage } from "../../static";
@@ -13,6 +14,8 @@ import { ProductSetFormValues } from "../../product-set/form";
13
14
 
14
15
  interface IntervalInputProps {
15
16
  editedProductSet?: ProductSetFormValues;
17
+ productSets?: ProductSet[];
18
+ productSetId?: number;
16
19
  disabled?: boolean;
17
20
  }
18
21
 
@@ -25,6 +28,8 @@ export interface IntervalInputValues {
25
28
  export function IntervalInput({
26
29
  disabled = false,
27
30
  editedProductSet,
31
+ productSetId,
32
+ productSets,
28
33
  }: IntervalInputProps) {
29
34
  const { t } = useTranslation(["Design", "Validation"]);
30
35
  const {
@@ -42,6 +47,7 @@ export function IntervalInput({
42
47
  const start = watch("start");
43
48
  const end = watch("end");
44
49
  const [recurrent, setRecurrent] = useState(Boolean(rrule));
50
+ const [isOverriden, setIsOverriden] = useState(false);
45
51
  const recurrentId = useId();
46
52
 
47
53
  const startDateInput = useRef<HTMLInputDateElement | null>(null);
@@ -66,6 +72,18 @@ export function IntervalInput({
66
72
  // eslint-disable-next-line react-hooks/exhaustive-deps
67
73
  }, [editedProductSet]);
68
74
 
75
+ useEffect(() => {
76
+ if (!productSets) return;
77
+
78
+ const isOverridenProductSet = productSets.find(
79
+ (productSet) =>
80
+ (editedProductSet && productSet?.id === editedProductSet?.id) ||
81
+ (Boolean(productSet?.parentMenuId) && productSet?.id === productSetId)
82
+ );
83
+
84
+ setIsOverriden(Boolean(isOverridenProductSet));
85
+ }, [productSets, productSetId, setIsOverriden, editedProductSet]);
86
+
69
87
  return (
70
88
  <>
71
89
  <Form.Row className="interval-container">
@@ -129,9 +147,11 @@ export function IntervalInput({
129
147
  {t("reccurentDescription", { item: t("event") })}
130
148
  </Form.Text>
131
149
  )}
132
- <WarningMessage message={t("recurrentOverridesWarining")} />
133
150
  </Form.Group>
134
151
  )}
152
+ {isOverriden && (
153
+ <WarningMessage message={t("recurrentOverridesWarining")} />
154
+ )}
135
155
  {recurrent && start && (
136
156
  <Form.Group>
137
157
  <Controller
@@ -121,6 +121,7 @@ export const EditEventForm = ({
121
121
 
122
122
  const visible = watch("visible");
123
123
  const editedProductSet = watch("editedProductSet");
124
+ const productSetId = watch("productSetId");
124
125
 
125
126
  const {
126
127
  images,
@@ -267,6 +268,8 @@ export const EditEventForm = ({
267
268
  <IntervalInput
268
269
  key={watch("rrule")}
269
270
  disabled={disabled}
271
+ productSetId={productSetId}
272
+ productSets={productSets}
270
273
  editedProductSet={editedProductSet}
271
274
  />
272
275
  {categories.length !== 0 && (
@@ -14,9 +14,10 @@ export const Default: Story<EmailTemplateCardProps> = (args) => (
14
14
 
15
15
  Default.args = {
16
16
  href: "#",
17
- name: "Default Email Template",
18
- subject: "Confirmation",
17
+ name: "Default Email Template with very long name",
18
+ subject: "Confirmation with looong subject text",
19
19
  hasPermission: true,
20
20
  isDefault: true,
21
21
  templateType: "confirmation",
22
+ isActive: true,
22
23
  };
@@ -5,12 +5,14 @@ import { useTranslation } from "react-i18next";
5
5
  import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
6
6
  import { ConfirmModal, ConfirmModalType } from "../../../modals";
7
7
  import { Icon } from "../../../static";
8
+ import { useTranslatedParameters } from "../../hooks/useTranslatedParameters";
8
9
 
9
10
  export interface EmailTemplateCardProps extends HasPermissionProp {
10
11
  name: string;
11
12
  subject: string;
12
13
  href: string;
13
14
  isDefault: boolean;
15
+ isActive: boolean;
14
16
  onRemove: () => void;
15
17
  type: NotificationType;
16
18
  }
@@ -21,11 +23,14 @@ export function EmailTemplateCard({
21
23
  subject,
22
24
  onRemove,
23
25
  isDefault = false,
26
+ isActive = false,
24
27
  hasPermission = true,
25
28
  type,
26
29
  }: EmailTemplateCardProps) {
27
30
  const { t } = useTranslation(["Design"]);
28
31
 
32
+ const texts = useTranslatedParameters({ isDefault, isActive });
33
+
29
34
  return (
30
35
  <>
31
36
  <div className="snippet-template-card">
@@ -55,10 +60,10 @@ export function EmailTemplateCard({
55
60
  )}
56
61
  </div>
57
62
  <div className={`mt-${isDefault ? "3" : "4"}`}>
58
- {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
63
+ {!!texts.length && <p className="mb-1">{texts}</p>}
59
64
  <div className="d-flex flex-column">
60
- <span>{subject}</span>
61
- <p>
65
+ <span className="snippet-template-card-subject">{subject}</span>
66
+ <p className="mb-0">
62
67
  {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
63
68
  </p>
64
69
  </div>
@@ -422,6 +422,7 @@ export const EmailTemplateControl = React.forwardRef(
422
422
  type="number"
423
423
  placeholder={t(`Design:${option.name}`)}
424
424
  id={option.name + option.id}
425
+ defaultValue={option.selectedValue || ""}
425
426
  />
426
427
  <Form.Text>{option.description}</Form.Text>
427
428
  </>
@@ -0,0 +1,27 @@
1
+ import { useTranslation } from "react-i18next";
2
+
3
+ type UseTranslatedParametersProps = {
4
+ isDefault: boolean;
5
+ isActive: boolean;
6
+ };
7
+
8
+ export const useTranslatedParameters = ({
9
+ isActive,
10
+ isDefault,
11
+ }: UseTranslatedParametersProps) => {
12
+ const { t } = useTranslation(["Design"]);
13
+
14
+ const translatedParameters = () => {
15
+ const texts: string[] = [];
16
+ if (isDefault) {
17
+ texts.push(t("Design:default"));
18
+ }
19
+ if (isActive) {
20
+ texts.push(t("Design:active"));
21
+ }
22
+
23
+ return texts.join(", ");
24
+ };
25
+
26
+ return translatedParameters();
27
+ };
@@ -14,8 +14,9 @@ export const Default: Story<SmsTemplateCardProps> = (args) => (
14
14
 
15
15
  Default.args = {
16
16
  href: "#",
17
- name: "Default Sms Template",
17
+ name: "Default Sms Template with Long name",
18
18
  hasPermission: true,
19
19
  isDefault: true,
20
20
  templateType: "confirmation",
21
+ isActive: true,
21
22
  };
@@ -5,12 +5,14 @@ import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permi
5
5
  import { NotificationType } from "@licklist/core/dist/DataMapper/Notification/NotificationTypeDataMapper";
6
6
  import { ConfirmModal, ConfirmModalType } from "../../../modals";
7
7
  import { Icon } from "../../../static";
8
+ import { useTranslatedParameters } from "../../hooks/useTranslatedParameters";
8
9
 
9
10
  export interface SmsTemplateCardProps extends HasPermissionProp {
10
11
  name: string;
11
12
  href: string;
12
13
  onRemove: () => void;
13
14
  isDefault: boolean;
15
+ isActive: boolean;
14
16
  type: NotificationType;
15
17
  }
16
18
 
@@ -20,10 +22,13 @@ export function SmsTemplateCard({
20
22
  onRemove,
21
23
  hasPermission = true,
22
24
  isDefault = false,
25
+ isActive = false,
23
26
  type,
24
27
  }: SmsTemplateCardProps) {
25
28
  const { t } = useTranslation(["Design"]);
26
29
 
30
+ const texts = useTranslatedParameters({ isActive, isDefault });
31
+
27
32
  return (
28
33
  <div className="snippet-template-card">
29
34
  <div className="snippet-template-card-header">
@@ -52,8 +57,8 @@ export function SmsTemplateCard({
52
57
  )}
53
58
  </div>
54
59
  <div className="mt-2">
55
- {Boolean(isDefault) && <p className="mb-1">{t("Design:default")}</p>}
56
- <p>
60
+ {!!texts.length && <p className="mb-1">{texts}</p>}
61
+ <p className="mb-0">
57
62
  {t(`Design:type`)}:&nbsp;{t(`Design:${type}`)}
58
63
  </p>
59
64
  </div>
@@ -96,6 +96,8 @@ export const SmsTemplateControl = ({
96
96
  <Form.Label>{t("Design:smsBody")}</Form.Label>
97
97
  <Form.Control
98
98
  isInvalid={Boolean(errors.body)}
99
+ as="textarea"
100
+ rows={3}
99
101
  {...register("body", {
100
102
  required: true,
101
103
  maxLength: MAX_SMS_LENGTH,
@@ -45,6 +45,22 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
45
45
  display: flex;
46
46
  justify-content: space-between;
47
47
  align-items: center;
48
+
49
+ a {
50
+ white-space: nowrap;
51
+ display: inline-block;
52
+ text-overflow: ellipsis;
53
+ width: 85%;
54
+ overflow: hidden;
55
+ }
56
+ }
57
+
58
+ .snippet-template-card-subject {
59
+ white-space: nowrap;
60
+ display: inline-block;
61
+ text-overflow: ellipsis;
62
+ width: 100%;
63
+ overflow: hidden;
48
64
  }
49
65
 
50
66
  .snippet-template-card-button {