@licklist/design 0.58.0-dev.0 → 0.58.1

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 (41) hide show
  1. package/dist/auth/Login/LoginComponent.d.ts.map +1 -1
  2. package/dist/auth/Login/LoginComponent.js +1 -1
  3. package/dist/events/event-venue-map/components/Scrollbars/Scrollbars.js +1 -1
  4. package/dist/iframe/order-process/components/BookingSummary/components/ToggleHeader/ToggleHeader.js +1 -1
  5. package/dist/notification/email-template/control/EmailTemplateControl.d.ts.map +1 -1
  6. package/dist/notification/email-template/control/EmailTemplateControl.js +1 -1
  7. package/dist/sales/booking/results/components/ResultCard.d.ts.map +1 -1
  8. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts +1 -2
  9. package/dist/sales/manual-booking/summary/ManualBookingSummary.d.ts.map +1 -1
  10. package/dist/sales/manual-booking/summary/ManualBookingSummary.js +1 -1
  11. package/dist/static/date-range-input/DateRangeInput.d.ts.map +1 -1
  12. package/dist/static/date-range-input/DateRangeInput.js +1 -1
  13. package/dist/styles/resources-blocking/_index.scss +0 -6
  14. package/dist/styles/sales/BookingFilter.scss +2 -24
  15. package/dist/styles/sales/BookingResults.scss +1 -1
  16. package/dist/styles/sales/BookingTabs.scss +5 -63
  17. package/dist/styles/sales/LifeTimeSales.scss +0 -1
  18. package/dist/styles/sales/ManualBooking.scss +3 -62
  19. package/dist/styles/sales/SourceOfSales.scss +0 -3
  20. package/dist/styles/snippet-templates/SnippetTemplateCard.scss +2 -3
  21. package/dist/styles/static/Tabs.scss +0 -6
  22. package/dist/styles/themes/bookedit/_index.scss +8 -9
  23. package/dist/styles/themes/bookedit/_variables.scss +0 -2
  24. package/package.json +1 -1
  25. package/src/auth/Login/LoginComponent.tsx +1 -9
  26. package/src/notification/email-template/control/EmailTemplateControl.tsx +15 -5
  27. package/src/sales/booking/results/components/ResultCard.tsx +3 -0
  28. package/src/sales/manual-booking/summary/ManualBookingSummary.tsx +1 -9
  29. package/src/static/date-range-input/DateRangeInput.tsx +2 -23
  30. package/src/static/switch/BooleanSwitch.tsx +1 -1
  31. package/src/styles/resources-blocking/_index.scss +0 -6
  32. package/src/styles/sales/BookingFilter.scss +2 -24
  33. package/src/styles/sales/BookingResults.scss +1 -1
  34. package/src/styles/sales/BookingTabs.scss +5 -63
  35. package/src/styles/sales/LifeTimeSales.scss +0 -1
  36. package/src/styles/sales/ManualBooking.scss +3 -62
  37. package/src/styles/sales/SourceOfSales.scss +0 -3
  38. package/src/styles/snippet-templates/SnippetTemplateCard.scss +2 -3
  39. package/src/styles/static/Tabs.scss +0 -6
  40. package/src/styles/themes/bookedit/_index.scss +8 -9
  41. package/src/styles/themes/bookedit/_variables.scss +0 -2
@@ -1 +1 @@
1
- {"version":3,"file":"LoginComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginComponent.tsx"],"names":[],"mappings":";AAuBA,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,yCAGjB,mBAAmB,gBAkHrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"LoginComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Login/LoginComponent.tsx"],"names":[],"mappings":";AAuBA,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,yCAGjB,mBAAmB,gBA0GrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,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-router-dom"),o=e(require("@licklist/plugins/dist/context/user/hooks/useUser")),s=e(require("@licklist/plugins/dist/services/Route/RouteService")),a=e(require("@licklist/plugins/dist/context/user/hooks/useAuth")),c=require("../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),u=require("../Router.js"),d=e(require("react-bootstrap/Row")),m=e(require("react-bootstrap/Col")),g=e(require("@licklist/plugins/dist/context/app/RequestContext")),f=e(require("@licklist/plugins/dist/hooks/Api/useUserApi")),p=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),v=e(require("@licklist/plugins/dist/context/user/hooks/useInvite")),q=require("../Social/SocialFormComponent.js"),h=require("./LoginFormComponent.js"),E=require("../../static/FormCard.js"),k=require("../../logo/Logo.js"),_=require("../../assets/logo/bookedit.svg.js");exports.LoginComponent=function(e){var x=e.hideSignUpLink,L=void 0!==x&&x,S=e.showSocialLinks,j=void 0!==S&&S,b=l.useTranslation(["Notification","User"]).t,C=r.useContext(g),N=p(),F=a(),R=o(),w=v(),y=t.__read(r.useState(!1),2),I=y[0],T=y[1],U=f(C),A=function(e){N.danger({title:"Error",message:e.message})};return r.useEffect((function(){R.profile&&F.secrets&&s.redirectTo("/")}),[R.profile,F.secrets]),i.createElement(u.Router,null,i.createElement(d,{className:"justify-content-center"},i.createElement(m,{xs:!0,sm:12,md:7,lg:6,xl:5,className:"align-self-center"},i.createElement(i.Fragment,null,i.createElement("h1",{className:"text-center"},b("User:loginTitle")),i.createElement("div",{className:"login d-flex pb-4 justify-content-center"},i.createElement(k.default,{logo:i.createElement(_.ReactComponent,null)})),!L&&i.createElement("h6",{className:"text-center"},i.createElement(l.Trans,{t:b,i18nKey:"loginPromo"},"Don't have account? ",i.createElement(n.Link,{to:"/register"},"Sign up"),".")),i.createElement(E.default,null,j&&i.createElement(i.Fragment,null,i.createElement(q.SocialFormComponent,{isLoading:I,setIsLoading:T}),i.createElement("hr",{className:"mb-2"})),i.createElement(h.LoginFormComponent,{isLoading:I,setIsLoading:T,onSubmit:function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r,i;return t.__generator(this,(function(n){switch(n.label){case 0:return[4,(o=e,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.login(o).catch(A)]}))})))];case 1:return(r=n.sent())?(function(e){F.setSecrets(e)}(r),U.setAuthorizationToken(r.access_token),[4,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.profile().catch(A)]}))}))]):[2];case 2:return(i=n.sent())?(R.login(i.data),w.clearInvitation(),N.success({title:"Success",message:b("Notification:loggedSuccessfully")}),s.redirectTo("/"),[2]):[2]}var o}))}))},invitation:w.invitation}),i.createElement(c.LoaderIndicator,{isLoaded:!I}))))))};
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-router-dom"),o=e(require("@licklist/plugins/dist/context/user/hooks/useUser")),s=e(require("@licklist/plugins/dist/services/Route/RouteService")),a=e(require("@licklist/plugins/dist/context/user/hooks/useAuth")),c=require("../../static/loader/LoaderIndicator.js"),l=require("react-i18next"),u=require("../Router.js"),d=e(require("react-bootstrap/Row")),m=e(require("react-bootstrap/Col")),g=e(require("@licklist/plugins/dist/context/app/RequestContext")),p=e(require("@licklist/plugins/dist/hooks/Api/useUserApi")),f=e(require("@licklist/plugins/dist/context/app/hooks/useNotification")),v=e(require("@licklist/plugins/dist/context/user/hooks/useInvite")),q=require("../Social/SocialFormComponent.js"),h=require("./LoginFormComponent.js"),k=require("../../static/FormCard.js"),E=require("../../logo/Logo.js"),_=require("../../assets/logo/bookedit.svg.js");exports.LoginComponent=function(e){var x=e.hideSignUpLink,L=void 0!==x&&x,S=e.showSocialLinks,j=void 0!==S&&S,b=l.useTranslation(["Notification","User"]).t,C=r.useContext(g),N=f(),F=a(),R=o(),w=v(),y=t.__read(r.useState(!1),2),I=y[0],T=y[1],U=p(C),A=function(e){N.danger({title:"Error",message:e.message})};return i.createElement(u.Router,null,i.createElement(d,{className:"justify-content-center"},i.createElement(m,{xs:!0,sm:12,md:7,lg:6,xl:5,className:"align-self-center"},i.createElement(i.Fragment,null,i.createElement("h1",{className:"text-center"},b("User:loginTitle")),i.createElement("div",{className:"login d-flex pb-4 justify-content-center"},i.createElement(E.default,{logo:i.createElement(_.ReactComponent,null)})),!L&&i.createElement("h6",{className:"text-center"},i.createElement(l.Trans,{t:b,i18nKey:"loginPromo"},"Don't have account? ",i.createElement(n.Link,{to:"/register"},"Sign up"),".")),i.createElement(k.default,null,j&&i.createElement(i.Fragment,null,i.createElement(q.SocialFormComponent,{isLoading:I,setIsLoading:T}),i.createElement("hr",{className:"mb-2"})),i.createElement(h.LoginFormComponent,{isLoading:I,setIsLoading:T,onSubmit:function(e){return t.__awaiter(void 0,void 0,void 0,(function(){var r,i;return t.__generator(this,(function(n){switch(n.label){case 0:return[4,(o=e,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.login(o).catch(A)]}))})))];case 1:return(r=n.sent())?(function(e){F.setSecrets(e)}(r),U.setAuthorizationToken(r.access_token),[4,t.__awaiter(void 0,void 0,void 0,(function(){return t.__generator(this,(function(e){return[2,U.profile().catch(A)]}))}))]):[2];case 2:return(i=n.sent())?(R.login(i.data),w.clearInvitation(),N.success({title:"Success",message:b("Notification:loggedSuccessfully")}),s.redirectTo("/"),[2]):[2]}var o}))}))},invitation:w.invitation}),i.createElement(c.LoaderIndicator,{isLoaded:!I}))))))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/plugins/dist/hooks/Media/useWindowDimensions"),l=require("../../../../iframe/order-process/components/BookingSummary/types/index.js"),i=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),o=require("../../utils/index.js"),s=require("../../hooks/useDrag.js");exports.Scrollbars=function(e){var n=e.stageRef,c=e.imageRef,h=e.layerRef,u=a.useWindowDimensions().width,d=t.useContext(i.EventVenueMapContext).stage,m=s.useDrag({stageRef:n,imageRef:c,layerRef:h}),g=m.onDragX,f=m.onDragY,p=l.MOBILE_WIDTH<=u;return r.createElement("div",{className:"canvas-scrollbars"},r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-horizontal"},p&&r.createElement("div",{className:"scroll-element horizontal-scroll",onPointerDown:g,style:function(){if(!n||!c||!h)return{width:0,left:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,i=o.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=i.totalLayerWidth,u=i.maxXOverflowNumber;if(Math.round(s)<=Math.round(a)||2*u>=s)return{width:0,left:0};var m=o.calculateHorizontalScrollParameters({x:e,width:a,totalLayerWidth:s});return{width:m.width,left:m.left}}()})),r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-vertical"},p&&r.createElement("div",{className:"scroll-element vertical-scroll",onPointerDown:f,style:function(){if(!n||!c||!h)return{height:0,top:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,i=o.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=i.totalLayerHeight,u=i.maxYOverflowNumber;if(Math.round(s)<=Math.round(l)||2*u>=s)return{height:0,top:0};var m=o.calculateVerticalScrollParameters({y:t,height:l,totalLayerHeight:s});return{height:m.height,top:m.top}}()})))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/plugins/dist/hooks/Media/useWindowDimensions"),l=require("@licklist/plugins/dist/context/event/EventVenueMapContext"),i=require("../../utils/index.js"),o=require("../../hooks/useDrag.js"),s=require("../../../../iframe/order-process/components/BookingSummary/types/index.js");exports.Scrollbars=function(e){var n=e.stageRef,c=e.imageRef,h=e.layerRef,u=a.useWindowDimensions().width,d=t.useContext(l.EventVenueMapContext).stage,m=o.useDrag({stageRef:n,imageRef:c,layerRef:h}),g=m.onDragX,f=m.onDragY,p=s.MOBILE_WIDTH<=u;return r.createElement("div",{className:"canvas-scrollbars"},r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-horizontal"},p&&r.createElement("div",{className:"scroll-element horizontal-scroll",onPointerDown:g,style:function(){if(!n||!c||!h)return{width:0,left:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,o=i.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=o.totalLayerWidth,u=o.maxXOverflowNumber;if(Math.round(s)<=Math.round(a)||2*u>=s)return{width:0,left:0};var m=i.calculateHorizontalScrollParameters({x:e,width:a,totalLayerWidth:s});return{width:m.width,left:m.left}}()})),r.createElement("div",{className:"scrollbar-wrapper scrollbar-wrapper-vertical"},p&&r.createElement("div",{className:"scroll-element vertical-scroll",onPointerDown:f,style:function(){if(!n||!c||!h)return{height:0,top:0};var e=d.x,t=d.y,r=n.attrs,a=r.width,l=r.height,o=i.getElementParameters({x:e,y:t,width:a,height:l,layer:h}),s=o.totalLayerHeight,u=o.maxYOverflowNumber;if(Math.round(s)<=Math.round(l)||2*u>=s)return{height:0,top:0};var m=i.calculateVerticalScrollParameters({y:t,height:l,totalLayerHeight:s});return{height:m.height,top:m.top}}()})))};
@@ -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("react"),n=e(t),r=require("react-i18next"),o=require("../../../../../../static/Icon.js"),a=e(require("clsx")),c=require("../../types/index.js");require("../../../../../../static/index.js");var i=require("react-bootstrap/AccordionToggle"),s=e(require("react-bootstrap/AccordionContext"));exports.ToggleHeader=function(e){var l=e.showExpandButton,u=e.isExpanded,d=e.title,m=e.hideComponent,f=r.useTranslation("Design").t,x=t.useContext(s),p=i.useAccordionToggle(c.ACCORDION_KEY);return t.useEffect((function(){x||!u?x&&!u&&p(void 0):p(void 0)}),[u]),m?null:n.createElement("div",{onClick:function(e){return l&&p(e)},onKeyPress:function(e){return l&&p(e)},role:"button",tabIndex:0,className:"d-flex flex-column"},n.createElement("h6",{className:a("title",l&&"pointer")},n.createElement("div",{className:"d-flex w-100 align-content-center justify-content-between"},n.createElement("div",{className:"d-flex"},n.createElement("p",{className:"m-0"},d||f("yourBooking"))),l&&n.createElement("div",{className:"expand-button"},n.createElement(o.default,{type:x===c.ACCORDION_KEY?"chevron-up":"chevron-down",width:"1rem"})))),u&&n.createElement("hr",{className:"mt-3"}))};
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("react"),n=e(t),r=require("react-i18next"),o=require("../../../../../../static/Icon.js"),a=e(require("clsx"));require("../../../../../../static/index.js");var c=require("../../types/index.js"),i=require("react-bootstrap/AccordionToggle"),s=e(require("react-bootstrap/AccordionContext"));exports.ToggleHeader=function(e){var l=e.showExpandButton,u=e.isExpanded,d=e.title,m=e.hideComponent,f=r.useTranslation("Design").t,x=t.useContext(s),p=i.useAccordionToggle(c.ACCORDION_KEY);return t.useEffect((function(){x||!u?x&&!u&&p(void 0):p(void 0)}),[u]),m?null:n.createElement("div",{onClick:function(e){return l&&p(e)},onKeyPress:function(e){return l&&p(e)},role:"button",tabIndex:0,className:"d-flex flex-column"},n.createElement("h6",{className:a("title",l&&"pointer")},n.createElement("div",{className:"d-flex w-100 align-content-center justify-content-between"},n.createElement("div",{className:"d-flex"},n.createElement("p",{className:"m-0"},d||f("yourBooking"))),l&&n.createElement("div",{className:"expand-button"},n.createElement(o.default,{type:x===c.ACCORDION_KEY?"chevron-up":"chevron-down",width:"1rem"})))),u&&n.createElement("hr",{className:"mt-3"}))};
@@ -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,2FAsahC,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,2FAgbhC,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,v,E,h=e.setIsLoading,b=e.meta,_=e.options,y=void 0===_?[]:_,F=e.defaultAttachments,N=void 0===F?[]:F,D=e.notificationTypes,T=void 0===D?[]:D,C=e.getDefaultTemplateMetaByType,P=l.useTranslation(["Design"]).t,I=t.__read(a.useState(null),2),k=I[0],M=I[1],x=i.useFormContext(),O=x.register,q=x.setValue,R=x.formState.errors,V=x.getValues,A=x.watch,j=x.reset,w=t.__read(a.useState(!1),2),G=w[0],L=w[1],S=c.useAttachments(k),U=S.attachments,Y=S.handleAttachmentRemove,B=S.handleAttachmentUploading,J=S.isLoading,H=u.usePermanentImage(),z=H.permanentImages,K=H.handlePermanentImageRemove,Q=H.handlePermanentImageUploading,W=A("type"),X=A("id");a.useEffect((function(){var e;if(!X&&C&&W){var a=V(),n=C(W);j(t.__assign(t.__assign({},a),{meta:n})),null===(e=p.current)||void 0===e||e.loadDesign(JSON.parse(n))}}),[W]),a.useEffect((function(){q("attachmentMetadata",U)}),[U,q]),a.useEffect((function(){z.length&&q("imagesMetadata",z)}),[z,q]),a.useEffect((function(){if(N&&N.length>0){var e=V("attachments");M(e)}else M([])}),[N]),a.useEffect((function(){if(null==y?void 0:y.length){var e=y.find((function(e){return e.type===m.OPTION_TYPE.files_selector}));(null==e?void 0:e.selectedValue)&&L(!0)}}),[y]);return n.createElement(n.Fragment,null,n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"type",sm: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:!!X}),n.createElement("option",{value:""},P("Design:choose")),T.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===(v=R.subject)||void 0===v?void 0:v.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:"alert alert-warning",role:"alert"},"Due to the mail services limitations on the length of the email body that can be sent or received - maximum length is set to 65,535 characters."),n.createElement("div",{className:"email-editor ".concat(R.body&&"is-invalid")},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;h(!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=V("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)K(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;K(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;K(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),b&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(b)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))}))),h(!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,Q(e.attachments[0])];case 1:return n=t.sent(),a({progress:100,url:n.permanentUrl}),[2]}}))}))}))},style:{height:"50rem"}}),n.createElement("input",t.__assign({type:"hidden",name:"body"},O("body",{maxLength:{value:65535,message:P("Validation:fieldMaxLength",{attribute:P("body"),max:65535})}})))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=R.body)||void 0===E?void 0:E.message))),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:U,onFilesChange:function(e){B(e)},title:P("Design:attachments"),onFileRemove:function(e,t){return Y(String(e),t)},isLoading:J})),(null==y?void 0:y.length)>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},y.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(){L(!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,defaultValue:e.selectedValue||""})),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")),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,v,E,h=e.setIsLoading,b=e.meta,_=e.options,y=void 0===_?[]:_,F=e.defaultAttachments,N=void 0===F?[]:F,D=e.notificationTypes,T=void 0===D?[]:D,C=e.getDefaultTemplateMetaByType,P=l.useTranslation(["Design"]).t,I=t.__read(a.useState(null),2),k=I[0],x=I[1],M=i.useFormContext(),O=M.register,q=M.setValue,R=M.formState.errors,V=M.getValues,A=M.watch,j=M.reset,w=t.__read(a.useState(!1),2),G=w[0],L=w[1],S=c.useAttachments(k),U=S.attachments,Y=S.handleAttachmentRemove,B=S.handleAttachmentUploading,J=S.isLoading,H=u.usePermanentImage(),z=H.permanentImages,K=H.handlePermanentImageRemove,Q=H.handlePermanentImageUploading,W=A("type"),X=A("id");a.useEffect((function(){var e;if(!X&&C&&W){var a=V(),n=C(W);j(t.__assign(t.__assign({},a),{meta:n})),null===(e=p.current)||void 0===e||e.loadDesign(JSON.parse(n))}}),[W]),a.useEffect((function(){q("attachmentMetadata",U)}),[U,q]),a.useEffect((function(){z.length&&q("imagesMetadata",z)}),[z,q]),a.useEffect((function(){if(N&&N.length>0){var e=V("attachments");x(e)}else x([])}),[N]),a.useEffect((function(){if(null==y?void 0:y.length){var e=y.find((function(e){return e.type===m.OPTION_TYPE.files_selector}));(null==e?void 0:e.selectedValue)&&L(!0)}}),[y]);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:!!X}),n.createElement("option",{value:""},P("Design:choose")),T.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===(v=R.subject)||void 0===v?void 0:v.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:"alert alert-warning",role:"alert"},"Due to the mail services limitations on the length of the email body that can be sent or received - maximum length is set to 65,535 characters."),n.createElement("div",{className:"email-editor ".concat(R.body&&"is-invalid")},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;h(!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=V("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)K(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;K(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;K(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),b&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(b)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))}))),h(!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,Q(e.attachments[0])];case 1:return n=t.sent(),a({progress:100,url:n.permanentUrl}),[2]}}))}))}))},style:{height:"50rem"}}),n.createElement("input",t.__assign({type:"hidden",name:"body"},O("body",{maxLength:{value:65535,message:P("Validation:fieldMaxLength",{attribute:P("body"),max:65535})}})))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=R.body)||void 0===E?void 0:E.message))),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:U,onFilesChange:function(e){B(e)},title:P("Design:attachments"),onFileRemove:function(e,t){return Y(String(e),t)},isLoading:J})),(null==y?void 0:y.length)>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},y.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(){L(!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,defaultValue:e.selectedValue||""})),n.createElement(r.Form.Text,null,e.description)):null})))))}));p.displayName="EmailTemplateControl",exports.EmailTemplateControl=p;
@@ -1 +1 @@
1
- {"version":3,"file":"ResultCard.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/results/components/ResultCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAO1E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,oDAKpB,eAAe,gBA2FjB,CAAC"}
1
+ {"version":3,"file":"ResultCard.d.ts","sourceRoot":"","sources":["../../../../../src/sales/booking/results/components/ResultCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,KAAK,EAEN,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,oDAAoD,CAAC;AAQ1E,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAIF,eAAO,MAAM,UAAU,oDAKpB,eAAe,gBA2FjB,CAAC"}
@@ -10,7 +10,6 @@ export interface ManualBookingSummaryProps {
10
10
  isFeeFetching: boolean;
11
11
  orderDate: string;
12
12
  relyOnPeopleType?: RelyOnPeopleType | null;
13
- isMobileView?: boolean;
14
13
  }
15
- export declare const ManualBookingSummary: ({ eventName, orders, ordersSum, orderSumIncludingFee, isFeeFetching, orderDate, relyOnPeopleType, hasBookingCategory, isMobileView, }: ManualBookingSummaryProps) => JSX.Element;
14
+ export declare const ManualBookingSummary: ({ eventName, orders, ordersSum, orderSumIncludingFee, isFeeFetching, orderDate, relyOnPeopleType, hasBookingCategory, }: ManualBookingSummaryProps) => JSX.Element;
16
15
  //# sourceMappingURL=ManualBookingSummary.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ManualBookingSummary.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/summary/ManualBookingSummary.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+DAA+D,CAAC;AAQnG,OAAO,EAEL,gBAAgB,EACjB,MAAM,6DAA6D,CAAC;AAIrE,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,0IAU9B,yBAAyB,gBAwF3B,CAAC"}
1
+ {"version":3,"file":"ManualBookingSummary.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/summary/ManualBookingSummary.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+DAA+D,CAAC;AAQnG,OAAO,EAEL,gBAAgB,EACjB,MAAM,6DAA6D,CAAC;AAIrE,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,oBAAoB,4HAS9B,yBAAyB,gBAkF3B,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config");require("../../../static/loader/LoaderIndicator.js");var l=require("../../../static/loader/BlockLoader.js"),n=require("react-i18next");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var i=require("luxon"),c=require("@licklist/core/dist/DataMapper/Product/ProductSetDataMapper"),o=require("react-intl"),m=require("@licklist/plugins/dist/utils/relyOnPeople");exports.ManualBookingSummary=function(e){var t=e.eventName,s=e.orders,u=e.ordersSum,d=e.orderSumIncludingFee,y=e.isFeeFetching,p=e.orderDate,v=e.relyOnPeopleType,E=e.hasBookingCategory,N=e.isMobileView,g=n.useTranslation(["Design","Sale"]).t,q=o.useIntl().formatNumber,O=v&&v!==c.RELY_ON_PEOPLE_QUANTITY,P=i.DateTime.fromISO(p),b=P.toFormat(a.DATE_TIME_MANUAL_BOOKING_FORMAT),k=P.toFormat(a.TIME_FORMAT);return r.createElement("div",{className:N?"manual-booking-summary-mobile":"manual-booking-summary"},r.createElement("div",{className:"receipt-title"},g("Sale:receipt")),r.createElement("div",{className:"event-name border-summary-item"},t),r.createElement("div",{className:"border-summary-item"},b),r.createElement("div",{className:"border-summary-item"},k),s.length>0?r.createElement("div",{className:"summary-item-container"},s.map((function(e){var t=m.getRelyOnPeopleMultiplier({relyOnPeopleType:v,capacity:null==e?void 0:e.capacity,hasBookingCategory:E});return r.createElement("div",{key:e.id,className:"d-flex justify-content-between border-summary-item"},r.createElement("div",null,e.name),O&&!!t&&r.createElement("div",null,"x ".concat(e.quantity*t," ").concat(g("people"))),r.createElement("div",null,q(e.quantity*e.price,{style:"currency",currency:a.Currency.GBP})))})),r.createElement("div",null,r.createElement("div",{className:"total-container"},r.createElement("div",null,g("Sale:total")),r.createElement("div",{className:"total-amount"},q(u,{style:"currency",currency:a.Currency.GBP}))),d&&r.createElement("div",{className:"total-container ".concat(y?"mt-6":"mt-4")},y||!d?r.createElement(l.BlockLoader,null):r.createElement(r.Fragment,null,r.createElement("div",null,g("Sale:includingOperationalCost")),r.createElement("div",{className:"total-amount"},q(d,{style:"currency",currency:a.Currency.GBP})))))):r.createElement("div",{className:"cart-items"},r.createElement("p",{className:"empty-cart"},g("Design:emptyBasket"))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config");require("../../../static/loader/LoaderIndicator.js");var l=require("../../../static/loader/BlockLoader.js"),n=require("react-i18next");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var c=require("luxon"),i=require("@licklist/core/dist/DataMapper/Product/ProductSetDataMapper"),o=require("react-intl"),m=require("@licklist/plugins/dist/utils/relyOnPeople");exports.ManualBookingSummary=function(e){var t=e.eventName,s=e.orders,u=e.ordersSum,d=e.orderSumIncludingFee,y=e.isFeeFetching,p=e.orderDate,v=e.relyOnPeopleType,E=e.hasBookingCategory,N=n.useTranslation(["Design","Sale"]).t,g=o.useIntl().formatNumber,q=v&&v!==i.RELY_ON_PEOPLE_QUANTITY,O=c.DateTime.fromISO(p),P=O.toFormat(a.DATE_TIME_MANUAL_BOOKING_FORMAT),f=O.toFormat(a.TIME_FORMAT);return r.createElement("div",{className:"manual-booking-summary"},r.createElement("div",{className:"receipt-title"},N("Sale:receipt")),r.createElement("div",{className:"event-name border-summary-item"},t),r.createElement("div",{className:"border-summary-item"},P),r.createElement("div",{className:"border-summary-item"},f),s.length>0?r.createElement("div",{className:"summary-item-container"},s.map((function(e){var t=m.getRelyOnPeopleMultiplier({relyOnPeopleType:v,capacity:null==e?void 0:e.capacity,hasBookingCategory:E});return r.createElement("div",{key:e.id,className:"d-flex justify-content-between border-summary-item"},r.createElement("div",null,e.name),q&&!!t&&r.createElement("div",null,"x ".concat(e.quantity*t," ").concat(N("people"))),r.createElement("div",null,g(e.quantity*e.price,{style:"currency",currency:a.Currency.GBP})))})),r.createElement("div",null,r.createElement("div",{className:"total-container"},r.createElement("div",null,N("Sale:total")),r.createElement("div",{className:"total-amount"},g(u,{style:"currency",currency:a.Currency.GBP}))),d&&r.createElement("div",{className:"total-container ".concat(y?"mt-6":"mt-4")},y||!d?r.createElement(l.BlockLoader,null):r.createElement(r.Fragment,null,r.createElement("div",null,N("Sale:includingOperationalCost")),r.createElement("div",{className:"total-amount"},g(d,{style:"currency",currency:a.Currency.GBP})))))):r.createElement("div",{className:"cart-items"},r.createElement("p",{className:"empty-cart"},N("Design:emptyBasket"))))};
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAeA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAIjD,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,gBA8HrB,CAAC"}
1
+ {"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/static/date-range-input/DateRangeInput.tsx"],"names":[],"mappings":";AAcA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AAEjD,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC1E,CAAC;AAEF,eAAO,MAAM,cAAc,yEAOxB,mBAAmB,gBA4GrB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),i=require("react-bootstrap"),s=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js"),d=require("../../iframe/order-process/components/BookingSummary/types/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var m={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var f=e.placeholder,p=e.startDate,g=e.endDate,D=e.onDateChange,v=e.months,h=void 0===v?2:v,y=e.disabled,_=a.useTranslation("Design").t,E=t.__read(n.useState("horizontal"),2),w=E[0],q=E[1],b=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),x=b[0],j=b[1],k=t.__read(n.useState(!1),2),C=k[0],S=k[1],I=o.useId(),N=n.useRef();c.useClickAway(N,(function(){return S(!1)}));return n.useEffect((function(){p&&g&&j((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:g}))]}))}),[p,g]),n.useEffect((function(){var e=function(){window.innerWidth>d.MOBILE_WIDTH?q("horizontal"):q("vertical")};return e(),window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),r.createElement("div",null,r.createElement(i.OverlayTrigger,{show:C,overlay:r.createElement(i.Popover,{id:I,className:"rounded"},r.createElement(i.Popover.Content,{className:"shadow-lg rounded",ref:N},r.createElement(u.DateRange,{onChange:function(e){return j([e.selection])},moveRangeOnFirstSelection:!1,ranges:x,months:h,direction:w}),r.createElement("div",{className:"mt-3 d-flex justify-content-end"},r.createElement(i.Button,{onClick:function(){D&&D({}),j((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),S(!1)},variant:"link"},_("clear")),r.createElement(i.Button,{onClick:function(){D&&D(l.rangeDatesToStringDates(x)),S(!1)},className:"ml-3",variant:"link"},_("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[m]}},r.createElement("div",{onClick:function(){return S((function(e){return!e}))},onKeyDown:function(){return S((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},r.createElement(i.Form.Control,{type:"input",placeholder:f,disabled:y,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:g})}),r.createElement(s.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),a=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),s=require("react-bootstrap"),i=require("../Icon.js"),o=require("@react-aria/utils"),u=require("react-date-range"),c=require("react-use"),l=require("./utils/index.js");require("react-date-range/dist/styles.css"),require("react-date-range/dist/theme/default.css"),require("../index.js");var d={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;Object.assign(t.styles.popper,{marginLeft:"-2px",maxWidth:"unset"})},effect:function(e){var t=e.state;Object.assign(t.elements.popper.style,{maxWidth:"unset"})}};exports.DateRangeInput=function(e){var m=e.placeholder,p=e.startDate,f=e.endDate,g=e.onDateChange,D=e.months,v=void 0===D?2:D,h=e.disabled,y=r.useTranslation("Design").t,_=t.__read(n.useState([{startDate:new Date,endDate:new Date,key:"selection"}]),2),b=_[0],q=_[1],E=t.__read(n.useState(!1),2),x=E[0],w=E[1],C=o.useId(),j=n.useRef();c.useClickAway(j,(function(){return w(!1)}));return n.useEffect((function(){p&&f&&q((function(e){return[t.__assign(t.__assign({},e[0]),l.stringDatesToJSDates({startDate:p,endDate:f}))]}))}),[p,f]),a.createElement("div",null,a.createElement(s.OverlayTrigger,{show:x,overlay:a.createElement(s.Popover,{id:C,className:"rounded"},a.createElement(s.Popover.Content,{className:"shadow-lg rounded",ref:j},a.createElement(u.DateRange,{onChange:function(e){return q([e.selection])},moveRangeOnFirstSelection:!1,ranges:b,months:v,direction:"horizontal"}),a.createElement("div",{className:"mt-3 d-flex justify-content-end"},a.createElement(s.Button,{onClick:function(){g&&g({}),q((function(e){return[t.__assign(t.__assign({},e[0]),{startDate:new Date,endDate:new Date})]})),w(!1)},variant:"link"},y("clear")),a.createElement(s.Button,{onClick:function(){g&&g(l.rangeDatesToStringDates(b)),w(!1)},className:"ml-3",variant:"link"},y("apply"))))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[d]}},a.createElement("div",{onClick:function(){return w((function(e){return!e}))},onKeyDown:function(){return w((function(e){return!e}))},role:"button",tabIndex:0,className:"date-range-input-wrapper"},a.createElement(s.Form.Control,{type:"input",placeholder:m,disabled:h,readOnly:!0,className:"date-range-input",value:l.stringDatesToInputValue({startDate:p,endDate:f})}),a.createElement(i.default,{type:"calendar",height:"1rem",className:"date-range-input-icon"}))))};
@@ -106,12 +106,6 @@
106
106
  align-items: center;
107
107
  gap: 0.25rem;
108
108
  margin-bottom: 0.5rem;
109
-
110
- @include media-breakpoint-down(sm) {
111
- justify-content: center;
112
- flex-wrap: wrap;
113
- }
114
-
115
109
  }
116
110
 
117
111
  .text-input.form-group {
@@ -157,19 +157,6 @@
157
157
  margin-bottom: 0;
158
158
  }
159
159
  }
160
-
161
- .apply-container{
162
- display: flex;
163
- justify-content: space-around;
164
- column-gap: 2rem;
165
- margin-left: 3rem;
166
-
167
- @include media-breakpoint-down(sm) {
168
- flex-direction: row;
169
- margin-left: 0rem;
170
- column-gap: 1rem;
171
- }
172
- }
173
160
  }
174
161
 
175
162
  .additional-filter-container {
@@ -188,12 +175,8 @@
188
175
  }
189
176
  }
190
177
 
191
- @include media-breakpoint-down(xl) {
192
- flex-wrap: wrap;
193
-
194
- .apply-container {
195
- margin-left: 4rem;
196
- }
178
+ @include media-breakpoint-between(md, lg) {
179
+ flex-wrap: nowrap;
197
180
 
198
181
  .date-container {
199
182
  width: auto;
@@ -247,11 +230,6 @@
247
230
  transform: rotate(45deg);
248
231
  }
249
232
  }
250
-
251
- @include media-breakpoint-down(sm) {
252
- flex-direction: column;
253
- justify-content: flex-start;
254
- }
255
233
  }
256
234
  }
257
235
  }
@@ -5,7 +5,7 @@
5
5
  flex-wrap: wrap;
6
6
 
7
7
  .result-card {
8
- height: 14rem;
8
+ height: 14.25rem;
9
9
  border: 1px solid $gray-400;
10
10
  max-width: calc(50% - 0.75rem);
11
11
  flex: 0 0 calc(50% - 0.75rem);
@@ -1,49 +1,24 @@
1
1
  .booking-tabs-pane {
2
2
  display: flex;
3
3
  flex-direction: row;
4
- justify-content: space-between;
5
4
  align-items: center;
6
5
  height: 2.75rem;
7
6
  background-color: $white;
8
7
 
9
8
  .booking-tabs {
10
9
  svg {
11
- g>rect:first-child {
12
- fill: $white;
10
+ g > rect:first-child {
11
+ fill: $white;
13
12
  }
14
13
  }
15
-
14
+
16
15
  .active {
17
16
  svg {
18
- g>rect:first-child {
19
- fill: $blue;
17
+ g > rect:first-child {
18
+ fill: $blue;
20
19
  }
21
20
  }
22
21
  }
23
-
24
- @include media-breakpoint-down(sm) {
25
- width: 4rem;
26
- }
27
- }
28
-
29
- .content {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 85%;
33
- flex-direction: row;
34
-
35
- @include media-breakpoint-down(sm) {
36
- display: flex;
37
- flex-direction: column;
38
- align-items: start;
39
- height: 4rem;
40
- }
41
-
42
- .booking {
43
- @include media-breakpoint-down(sm) {
44
- height: 13rem;
45
- }
46
- }
47
22
  }
48
23
 
49
24
  .separator {
@@ -54,12 +29,6 @@
54
29
  .children {
55
30
  flex: 1;
56
31
  margin-left: 1rem;
57
-
58
- @include media-breakpoint-down(sm) {
59
- display: flex;
60
- flex-direction: column;
61
- align-items: start;
62
- }
63
32
  }
64
33
 
65
34
  .buttons {
@@ -92,33 +61,6 @@
92
61
  border-radius: 0.625rem;
93
62
  margin-right: 0.5rem;
94
63
  }
95
- @include media-breakpoint-down(sm) {
96
- width: 12.5rem;
97
- }
98
-
99
- }
100
-
101
- @include media-breakpoint-down(sm) {
102
- display: flex;
103
- flex-direction: column;
104
- align-items: start;
105
- gap: .5rem;
106
- margin-top: .5rem;
107
- white-space: nowrap;
108
- }
109
- }
110
-
111
- @include media-breakpoint-down(sm) {
112
- display: flex;
113
- align-items: start;
114
- gap: 1rem;
115
- margin-top: 1rem;
116
- height: 100%;
117
- }
118
-
119
- .booking {
120
- @include media-breakpoint-down(sm) {
121
- height: 13rem;
122
64
  }
123
65
  }
124
66
  }
@@ -33,7 +33,6 @@
33
33
  }
34
34
 
35
35
  @include media-breakpoint-down(sm) {
36
- height: 12rem;
37
36
  &__value {
38
37
  line-height: 1rem;
39
38
  font-size: 2rem;
@@ -361,11 +361,10 @@
361
361
  width: inherit;
362
362
 
363
363
  @include media-breakpoint-down(sm) {
364
- display: none;
364
+ padding: 0 0.5rem;
365
+ padding-top: 2rem;
365
366
  }
366
367
 
367
-
368
-
369
368
  .form-control {
370
369
  margin-bottom: 1.5rem;
371
370
  }
@@ -412,64 +411,6 @@
412
411
  }
413
412
  }
414
413
 
415
- .manual-booking-summary-mobile {
416
- display: none;
417
-
418
- @include media-breakpoint-down(sm) {
419
- display: block;
420
- padding: 0 1.5rem;
421
- padding-top: 2rem;
422
- height: max-content;
423
- margin-bottom: 1.5rem;
424
- width: inherit;
425
-
426
- .form-control {
427
- margin-bottom: .5rem;
428
- }
429
- .receipt-title {
430
- font-size: 1.125rem;
431
- font-weight: 600;
432
- padding-bottom: 0.4rem;
433
- margin-bottom: 1rem;
434
- border-bottom: 2px solid $gray-400;
435
- }
436
- .event-name {
437
- font-size: 0.94rem;
438
- font-weight: 600;
439
- }
440
-
441
- .border-summary-item {
442
- padding-bottom: 0.9rem;
443
- margin-bottom: 1%;
444
- border-bottom: 2px solid $gray-100;
445
- flex-wrap: wrap;
446
- }
447
-
448
- .total-container {
449
- display: flex;
450
- justify-content: space-between;
451
- font-size: 1rem;
452
- font-weight: 600;
453
-
454
- @include media-breakpoint-down(lg) {
455
- flex-wrap: wrap;
456
- }
457
- .total-amount {
458
- padding-left: 1rem;
459
- @include media-breakpoint-down(lg) {
460
- padding-left: 0;
461
- }
462
- }
463
- }
464
-
465
- .summary-item-container {
466
- .border-summary-item:nth-last-child(2) {
467
- border-bottom: 2px solid $gray-400;
468
- }
469
- }
470
- }
471
- }
472
-
473
414
  .menu-list-manual-booking {
474
415
  display: flex;
475
416
  align-items: center;
@@ -496,4 +437,4 @@
496
437
  color: $blue;
497
438
  }
498
439
  }
499
- }
440
+ }
@@ -13,9 +13,6 @@
13
13
 
14
14
  &__pie-chart {
15
15
  height: 100%;
16
- @include media-breakpoint-down(sm) {
17
- height: 12rem;
18
- }
19
16
  }
20
17
 
21
18
  .colors-0 {
@@ -28,13 +28,12 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
28
28
  border: 1px solid #ccc;
29
29
  border-radius: $border-radius;
30
30
  height: 10rem;
31
- min-width: 15rem;
31
+ width: 15rem;
32
32
  padding: 1rem;
33
33
 
34
34
  @include media-breakpoint-down(sm) {
35
35
  height: 100%;
36
36
  max-height: 10rem;
37
- width: 100%;
38
37
  }
39
38
 
40
39
  p {
@@ -110,4 +109,4 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
110
109
  &:hover {
111
110
  border: 2px solid $blue;
112
111
  }
113
- }
112
+ }
@@ -11,12 +11,6 @@ $tab-nav-link-active-border-bottom: 1px solid $tab-nav-link-active-color !defaul
11
11
  margin-left: -1.25rem;
12
12
  border-bottom: 1px solid $nav-tabs-border-color;
13
13
 
14
- @include media-breakpoint-down(sm) {
15
- display: flex;
16
- flex-direction: column;
17
- white-space: nowrap;
18
- }
19
-
20
14
  .nav-link {
21
15
  color: $tab-nav-link-color;
22
16
  background-color: transparent;
@@ -98,8 +98,7 @@
98
98
  color: gray("600");
99
99
 
100
100
  &.sortable {
101
- &::before,
102
- &::after {
101
+ &::before, &::after {
103
102
  opacity: 1;
104
103
  }
105
104
 
@@ -133,20 +132,20 @@
133
132
  width: 2.5rem;
134
133
  height: 2.5rem;
135
134
  background-color: transparent;
136
-
135
+
137
136
  svg {
138
137
  margin-bottom: 2.5px;
139
138
  }
140
139
 
141
140
  &:hover {
142
141
  cursor: pointer;
143
- border-radius: 0.5rem;
142
+ border-radius: .5rem;
144
143
  background-color: lighten($primary, 40);
145
144
  }
146
145
  }
147
146
 
148
147
  .page-item {
149
- margin-left: 0.4rem;
148
+ margin-left: .4rem;
150
149
  min-width: 15px;
151
150
  width: 2.5rem;
152
151
  height: 2.5rem;
@@ -154,7 +153,7 @@
154
153
  .page-link {
155
154
  border: 0;
156
155
  padding: 0;
157
- border-radius: 0.5rem;
156
+ border-radius: .5rem;
158
157
  height: 100%;
159
158
  display: flex;
160
159
  align-items: center;
@@ -163,13 +162,13 @@
163
162
  color: $black;
164
163
  font-weight: 600;
165
164
  font-size: 0.875rem;
166
-
165
+
167
166
  &:hover {
168
- border-radius: 0.5rem;
167
+ border-radius: .5rem;
169
168
  background-color: lighten($primary, 40);
170
169
  }
171
170
  }
172
-
171
+
173
172
  &.active {
174
173
  .page-link {
175
174
  border: 2px solid $primary;
@@ -197,7 +197,6 @@ $grid-breakpoints: (
197
197
  md: 768px,
198
198
  lg: 992px,
199
199
  xl: 1200px,
200
- xxl: 1500px,
201
200
  ) !default;
202
201
 
203
202
  @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@@ -212,7 +211,6 @@ $container-max-widths: (
212
211
  md: 720px,
213
212
  lg: 960px,
214
213
  xl: 1140px,
215
- xxl: 1500px,
216
214
  ) !default;
217
215
 
218
216
  @include _assert-ascending($container-max-widths, "$container-max-widths");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.58.0-dev.0",
3
+ "version": "0.58.1",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -1,4 +1,4 @@
1
- import React, { useContext, useEffect, useState } from "react";
1
+ import React, { useContext, useState } from "react";
2
2
  import Row from "react-bootstrap/Row";
3
3
  import Col from "react-bootstrap/Col";
4
4
  import { Trans, useTranslation } from "react-i18next";
@@ -90,14 +90,6 @@ const LoginComponent = ({
90
90
  RouteService.redirectTo("/");
91
91
  };
92
92
 
93
- useEffect(() => {
94
- if (!user.profile || !auth.secrets) {
95
- return;
96
- }
97
-
98
- RouteService.redirectTo("/");
99
- }, [user.profile, auth.secrets]);
100
-
101
93
  return (
102
94
  <Router>
103
95
  <Row className="justify-content-center">
@@ -201,7 +201,15 @@ export const EmailTemplateControl = React.forwardRef(
201
201
  return (
202
202
  <>
203
203
  <Row>
204
- <Form.Group as={Col} controlId="type" sm={12}>
204
+ <Form.Group
205
+ as={Col}
206
+ controlId="type"
207
+ xs
208
+ sm={12}
209
+ md={8}
210
+ lg={10}
211
+ xl={12}
212
+ >
205
213
  <Form.Label>{t("type")}</Form.Label>
206
214
  <Form.Control
207
215
  as="select"
@@ -364,7 +372,9 @@ export const EmailTemplateControl = React.forwardRef(
364
372
  if (option.type === OPTION_TYPE.checkbox) {
365
373
  return (
366
374
  <Form.Check
367
- {...register(`templateOptionValues.${option?.id}.value`)}
375
+ {...register(
376
+ `templateOptionValues.${option?.id}.value` as any
377
+ )}
368
378
  type="checkbox"
369
379
  label={t(`Design:${option.name}`)}
370
380
  id={option.name + option.id}
@@ -387,7 +397,7 @@ export const EmailTemplateControl = React.forwardRef(
387
397
  onChange={() => {
388
398
  setIsIncludePDF(!isIncludePDF);
389
399
  setValue(
390
- `templateOptionValues.${option.id}.value`,
400
+ `templateOptionValues.${option.id}.value` as any,
391
401
  ""
392
402
  );
393
403
  }}
@@ -403,7 +413,7 @@ export const EmailTemplateControl = React.forwardRef(
403
413
  <Form.Control
404
414
  as="select"
405
415
  {...register(
406
- `templateOptionValues.${option.id}.value`
416
+ `templateOptionValues.${option.id}.value` as any
407
417
  )}
408
418
  defaultValue={option.selectedValue || ""}
409
419
  >
@@ -432,7 +442,7 @@ export const EmailTemplateControl = React.forwardRef(
432
442
  </Form.Label>
433
443
  <Form.Control
434
444
  {...register(
435
- `templateOptionValues.${option?.id}.value`
445
+ `templateOptionValues.${option?.id}.value` as any
436
446
  )}
437
447
  type="number"
438
448
  placeholder={t(`Design:${option.name}`)}
@@ -12,6 +12,7 @@ import { TIME_FORMAT } from "@licklist/core/dist/Config";
12
12
  import * as Config from "@licklist/core/dist/Config";
13
13
  import { formatDateStringForEvent } from "@licklist/plugins/dist/utils/formatDate";
14
14
  import { getOrderSourceTitle } from "@licklist/plugins/dist/utils/sourceTitle";
15
+
15
16
  import Icon from "../../../../static/Icon";
16
17
 
17
18
  export type ResultCardProps = {
@@ -21,6 +22,8 @@ export type ResultCardProps = {
21
22
  onCardClick?: (id: number) => void;
22
23
  };
23
24
 
25
+ // @TODO integrate when API will be available
26
+ // activity and staff keys
24
27
  export const ResultCard = ({
25
28
  order,
26
29
  className,
@@ -24,7 +24,6 @@ export interface ManualBookingSummaryProps {
24
24
  isFeeFetching: boolean;
25
25
  orderDate: string;
26
26
  relyOnPeopleType?: RelyOnPeopleType | null;
27
- isMobileView?: boolean;
28
27
  }
29
28
 
30
29
  export const ManualBookingSummary = ({
@@ -36,7 +35,6 @@ export const ManualBookingSummary = ({
36
35
  orderDate,
37
36
  relyOnPeopleType,
38
37
  hasBookingCategory,
39
- isMobileView,
40
38
  }: ManualBookingSummaryProps) => {
41
39
  const { t } = useTranslation(["Design", "Sale"]);
42
40
  const { formatNumber } = useIntl();
@@ -46,13 +44,7 @@ export const ManualBookingSummary = ({
46
44
  const date = currentDate.toFormat(DATE_TIME_MANUAL_BOOKING_FORMAT);
47
45
  const time = currentDate.toFormat(TIME_FORMAT);
48
46
  return (
49
- <div
50
- className={
51
- isMobileView
52
- ? "manual-booking-summary-mobile"
53
- : "manual-booking-summary"
54
- }
55
- >
47
+ <div className="manual-booking-summary">
56
48
  <div className="receipt-title">{t("Sale:receipt")}</div>
57
49
  <div className="event-name border-summary-item">{eventName}</div>
58
50
  <div className="border-summary-item">{date}</div>
@@ -11,13 +11,10 @@ import {
11
11
  rangeDatesToStringDates,
12
12
  stringDatesToInputValue,
13
13
  } from "./utils";
14
- import { MOBILE_WIDTH } from "../../iframe/order-process/components/BookingSummary/types";
15
14
 
16
15
  import "react-date-range/dist/styles.css";
17
16
  import "react-date-range/dist/theme/default.css";
18
17
 
19
- type DateRangeDirection = "vertical" | "horizontal";
20
-
21
18
  type DateRangeInputProps = {
22
19
  placeholder: string;
23
20
  startDate?: string;
@@ -36,7 +33,7 @@ export const DateRangeInput = ({
36
33
  disabled,
37
34
  }: DateRangeInputProps) => {
38
35
  const { t } = useTranslation("Design");
39
- const [direction, setDirection] = useState<DateRangeDirection>("horizontal");
36
+
40
37
  const [state, setState] = useState<Range[]>([
41
38
  {
42
39
  startDate: new Date(),
@@ -85,24 +82,6 @@ export const DateRangeInput = ({
85
82
  }
86
83
  }, [startDate, endDate]);
87
84
 
88
- useEffect(() => {
89
- const resizeBodyInMobile = () => {
90
- if (window.innerWidth > MOBILE_WIDTH) {
91
- setDirection("horizontal");
92
- return;
93
- }
94
-
95
- setDirection("vertical");
96
- };
97
-
98
- resizeBodyInMobile();
99
- window.addEventListener("resize", resizeBodyInMobile);
100
-
101
- return () => {
102
- window.removeEventListener("resize", resizeBodyInMobile);
103
- };
104
- }, []);
105
-
106
85
  return (
107
86
  <div>
108
87
  <OverlayTrigger
@@ -115,7 +94,7 @@ export const DateRangeInput = ({
115
94
  moveRangeOnFirstSelection={false}
116
95
  ranges={state}
117
96
  months={months}
118
- direction={direction}
97
+ direction="horizontal"
119
98
  />
120
99
  <div className="mt-3 d-flex justify-content-end">
121
100
  <Button onClick={onReset} variant="link">
@@ -23,7 +23,7 @@ export function BooleanSwitch({
23
23
  const { t } = useTranslation("Design");
24
24
 
25
25
  const options: SelectItem[] = [
26
- { id: 1, value: firstValueTitle ?? t("yes") },
26
+ { id: 1, value: firstValueTitle ?? t("yes") },
27
27
  { id: 0, value: secondValueTitle ?? t("no") },
28
28
  ];
29
29
 
@@ -106,12 +106,6 @@
106
106
  align-items: center;
107
107
  gap: 0.25rem;
108
108
  margin-bottom: 0.5rem;
109
-
110
- @include media-breakpoint-down(sm) {
111
- justify-content: center;
112
- flex-wrap: wrap;
113
- }
114
-
115
109
  }
116
110
 
117
111
  .text-input.form-group {
@@ -157,19 +157,6 @@
157
157
  margin-bottom: 0;
158
158
  }
159
159
  }
160
-
161
- .apply-container{
162
- display: flex;
163
- justify-content: space-around;
164
- column-gap: 2rem;
165
- margin-left: 3rem;
166
-
167
- @include media-breakpoint-down(sm) {
168
- flex-direction: row;
169
- margin-left: 0rem;
170
- column-gap: 1rem;
171
- }
172
- }
173
160
  }
174
161
 
175
162
  .additional-filter-container {
@@ -188,12 +175,8 @@
188
175
  }
189
176
  }
190
177
 
191
- @include media-breakpoint-down(xl) {
192
- flex-wrap: wrap;
193
-
194
- .apply-container {
195
- margin-left: 4rem;
196
- }
178
+ @include media-breakpoint-between(md, lg) {
179
+ flex-wrap: nowrap;
197
180
 
198
181
  .date-container {
199
182
  width: auto;
@@ -247,11 +230,6 @@
247
230
  transform: rotate(45deg);
248
231
  }
249
232
  }
250
-
251
- @include media-breakpoint-down(sm) {
252
- flex-direction: column;
253
- justify-content: flex-start;
254
- }
255
233
  }
256
234
  }
257
235
  }
@@ -5,7 +5,7 @@
5
5
  flex-wrap: wrap;
6
6
 
7
7
  .result-card {
8
- height: 14rem;
8
+ height: 14.25rem;
9
9
  border: 1px solid $gray-400;
10
10
  max-width: calc(50% - 0.75rem);
11
11
  flex: 0 0 calc(50% - 0.75rem);
@@ -1,49 +1,24 @@
1
1
  .booking-tabs-pane {
2
2
  display: flex;
3
3
  flex-direction: row;
4
- justify-content: space-between;
5
4
  align-items: center;
6
5
  height: 2.75rem;
7
6
  background-color: $white;
8
7
 
9
8
  .booking-tabs {
10
9
  svg {
11
- g>rect:first-child {
12
- fill: $white;
10
+ g > rect:first-child {
11
+ fill: $white;
13
12
  }
14
13
  }
15
-
14
+
16
15
  .active {
17
16
  svg {
18
- g>rect:first-child {
19
- fill: $blue;
17
+ g > rect:first-child {
18
+ fill: $blue;
20
19
  }
21
20
  }
22
21
  }
23
-
24
- @include media-breakpoint-down(sm) {
25
- width: 4rem;
26
- }
27
- }
28
-
29
- .content {
30
- display: flex;
31
- justify-content: space-between;
32
- width: 85%;
33
- flex-direction: row;
34
-
35
- @include media-breakpoint-down(sm) {
36
- display: flex;
37
- flex-direction: column;
38
- align-items: start;
39
- height: 4rem;
40
- }
41
-
42
- .booking {
43
- @include media-breakpoint-down(sm) {
44
- height: 13rem;
45
- }
46
- }
47
22
  }
48
23
 
49
24
  .separator {
@@ -54,12 +29,6 @@
54
29
  .children {
55
30
  flex: 1;
56
31
  margin-left: 1rem;
57
-
58
- @include media-breakpoint-down(sm) {
59
- display: flex;
60
- flex-direction: column;
61
- align-items: start;
62
- }
63
32
  }
64
33
 
65
34
  .buttons {
@@ -92,33 +61,6 @@
92
61
  border-radius: 0.625rem;
93
62
  margin-right: 0.5rem;
94
63
  }
95
- @include media-breakpoint-down(sm) {
96
- width: 12.5rem;
97
- }
98
-
99
- }
100
-
101
- @include media-breakpoint-down(sm) {
102
- display: flex;
103
- flex-direction: column;
104
- align-items: start;
105
- gap: .5rem;
106
- margin-top: .5rem;
107
- white-space: nowrap;
108
- }
109
- }
110
-
111
- @include media-breakpoint-down(sm) {
112
- display: flex;
113
- align-items: start;
114
- gap: 1rem;
115
- margin-top: 1rem;
116
- height: 100%;
117
- }
118
-
119
- .booking {
120
- @include media-breakpoint-down(sm) {
121
- height: 13rem;
122
64
  }
123
65
  }
124
66
  }
@@ -33,7 +33,6 @@
33
33
  }
34
34
 
35
35
  @include media-breakpoint-down(sm) {
36
- height: 12rem;
37
36
  &__value {
38
37
  line-height: 1rem;
39
38
  font-size: 2rem;
@@ -361,11 +361,10 @@
361
361
  width: inherit;
362
362
 
363
363
  @include media-breakpoint-down(sm) {
364
- display: none;
364
+ padding: 0 0.5rem;
365
+ padding-top: 2rem;
365
366
  }
366
367
 
367
-
368
-
369
368
  .form-control {
370
369
  margin-bottom: 1.5rem;
371
370
  }
@@ -412,64 +411,6 @@
412
411
  }
413
412
  }
414
413
 
415
- .manual-booking-summary-mobile {
416
- display: none;
417
-
418
- @include media-breakpoint-down(sm) {
419
- display: block;
420
- padding: 0 1.5rem;
421
- padding-top: 2rem;
422
- height: max-content;
423
- margin-bottom: 1.5rem;
424
- width: inherit;
425
-
426
- .form-control {
427
- margin-bottom: .5rem;
428
- }
429
- .receipt-title {
430
- font-size: 1.125rem;
431
- font-weight: 600;
432
- padding-bottom: 0.4rem;
433
- margin-bottom: 1rem;
434
- border-bottom: 2px solid $gray-400;
435
- }
436
- .event-name {
437
- font-size: 0.94rem;
438
- font-weight: 600;
439
- }
440
-
441
- .border-summary-item {
442
- padding-bottom: 0.9rem;
443
- margin-bottom: 1%;
444
- border-bottom: 2px solid $gray-100;
445
- flex-wrap: wrap;
446
- }
447
-
448
- .total-container {
449
- display: flex;
450
- justify-content: space-between;
451
- font-size: 1rem;
452
- font-weight: 600;
453
-
454
- @include media-breakpoint-down(lg) {
455
- flex-wrap: wrap;
456
- }
457
- .total-amount {
458
- padding-left: 1rem;
459
- @include media-breakpoint-down(lg) {
460
- padding-left: 0;
461
- }
462
- }
463
- }
464
-
465
- .summary-item-container {
466
- .border-summary-item:nth-last-child(2) {
467
- border-bottom: 2px solid $gray-400;
468
- }
469
- }
470
- }
471
- }
472
-
473
414
  .menu-list-manual-booking {
474
415
  display: flex;
475
416
  align-items: center;
@@ -496,4 +437,4 @@
496
437
  color: $blue;
497
438
  }
498
439
  }
499
- }
440
+ }
@@ -13,9 +13,6 @@
13
13
 
14
14
  &__pie-chart {
15
15
  height: 100%;
16
- @include media-breakpoint-down(sm) {
17
- height: 12rem;
18
- }
19
16
  }
20
17
 
21
18
  .colors-0 {
@@ -28,13 +28,12 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
28
28
  border: 1px solid #ccc;
29
29
  border-radius: $border-radius;
30
30
  height: 10rem;
31
- min-width: 15rem;
31
+ width: 15rem;
32
32
  padding: 1rem;
33
33
 
34
34
  @include media-breakpoint-down(sm) {
35
35
  height: 100%;
36
36
  max-height: 10rem;
37
- width: 100%;
38
37
  }
39
38
 
40
39
  p {
@@ -110,4 +109,4 @@ $snippet-template-card-button-transition: $product-set-card-transition !default;
110
109
  &:hover {
111
110
  border: 2px solid $blue;
112
111
  }
113
- }
112
+ }
@@ -11,12 +11,6 @@ $tab-nav-link-active-border-bottom: 1px solid $tab-nav-link-active-color !defaul
11
11
  margin-left: -1.25rem;
12
12
  border-bottom: 1px solid $nav-tabs-border-color;
13
13
 
14
- @include media-breakpoint-down(sm) {
15
- display: flex;
16
- flex-direction: column;
17
- white-space: nowrap;
18
- }
19
-
20
14
  .nav-link {
21
15
  color: $tab-nav-link-color;
22
16
  background-color: transparent;
@@ -98,8 +98,7 @@
98
98
  color: gray("600");
99
99
 
100
100
  &.sortable {
101
- &::before,
102
- &::after {
101
+ &::before, &::after {
103
102
  opacity: 1;
104
103
  }
105
104
 
@@ -133,20 +132,20 @@
133
132
  width: 2.5rem;
134
133
  height: 2.5rem;
135
134
  background-color: transparent;
136
-
135
+
137
136
  svg {
138
137
  margin-bottom: 2.5px;
139
138
  }
140
139
 
141
140
  &:hover {
142
141
  cursor: pointer;
143
- border-radius: 0.5rem;
142
+ border-radius: .5rem;
144
143
  background-color: lighten($primary, 40);
145
144
  }
146
145
  }
147
146
 
148
147
  .page-item {
149
- margin-left: 0.4rem;
148
+ margin-left: .4rem;
150
149
  min-width: 15px;
151
150
  width: 2.5rem;
152
151
  height: 2.5rem;
@@ -154,7 +153,7 @@
154
153
  .page-link {
155
154
  border: 0;
156
155
  padding: 0;
157
- border-radius: 0.5rem;
156
+ border-radius: .5rem;
158
157
  height: 100%;
159
158
  display: flex;
160
159
  align-items: center;
@@ -163,13 +162,13 @@
163
162
  color: $black;
164
163
  font-weight: 600;
165
164
  font-size: 0.875rem;
166
-
165
+
167
166
  &:hover {
168
- border-radius: 0.5rem;
167
+ border-radius: .5rem;
169
168
  background-color: lighten($primary, 40);
170
169
  }
171
170
  }
172
-
171
+
173
172
  &.active {
174
173
  .page-link {
175
174
  border: 2px solid $primary;
@@ -197,7 +197,6 @@ $grid-breakpoints: (
197
197
  md: 768px,
198
198
  lg: 992px,
199
199
  xl: 1200px,
200
- xxl: 1500px,
201
200
  ) !default;
202
201
 
203
202
  @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@@ -212,7 +211,6 @@ $container-max-widths: (
212
211
  md: 720px,
213
212
  lg: 960px,
214
213
  xl: 1140px,
215
- xxl: 1500px,
216
214
  ) !default;
217
215
 
218
216
  @include _assert-ascending($container-max-widths, "$container-max-widths");