@licklist/design 0.50.1-dev.0 → 0.50.1-dev.2

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 (10) hide show
  1. package/dist/iframe/event/event-card/IframeEventCard.d.ts +2 -1
  2. package/dist/iframe/event/event-card/IframeEventCard.d.ts.map +1 -1
  3. package/dist/iframe/event/event-card/IframeEventCard.js +1 -1
  4. package/dist/sales/manual-booking/select-event/SelectEvent.d.ts.map +1 -1
  5. package/dist/sales/manual-booking/select-event/SelectEvent.js +1 -1
  6. package/dist/styles/product-set/ProductSetCard.scss +4 -0
  7. package/package.json +1 -1
  8. package/src/iframe/event/event-card/IframeEventCard.tsx +3 -1
  9. package/src/sales/manual-booking/select-event/SelectEvent.tsx +4 -1
  10. package/src/styles/product-set/ProductSetCard.scss +4 -0
package/dist/iframe/event/event-card/IframeEventCard.d.ts CHANGED
@@ -15,7 +15,8 @@ interface IframeEventCardProps {
15
15
  shortDate: string;
16
16
  titleId?: string;
17
17
  descriptionId?: string;
18
+ imageClassName?: string;
18
19
  }
19
- export declare function IframeEventCard({ title, type, cost, date, imageSrc, colour, goToDetails, description, isListView, className, shortDate, titleId, descriptionId, }: IframeEventCardProps): JSX.Element;
20
+ export declare function IframeEventCard({ title, type, cost, date, imageSrc, colour, goToDetails, description, isListView, className, shortDate, titleId, descriptionId, imageClassName, }: IframeEventCardProps): JSX.Element;
20
21
  export {};
21
22
  //# sourceMappingURL=IframeEventCard.d.ts.map
package/dist/iframe/event/event-card/IframeEventCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IframeEventCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-card/IframeEventCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,2DAA2D,CAAC;AASpF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,GACd,EAAE,oBAAoB,eA6FtB"}
1
+ {"version":3,"file":"IframeEventCard.d.ts","sourceRoot":"","sources":["../../../../src/iframe/event/event-card/IframeEventCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,2DAA2D,CAAC;AASpF,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,cAAc,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,cAAc,GACf,EAAE,oBAAoB,eA6FtB"}
package/dist/iframe/event/event-card/IframeEventCard.js CHANGED
@@ -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=e(require("react")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),c=require("react-intl"),s=require("../../../tiptap-editor/TipTapEditor.js"),l=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),m=require("../../../assets/iframe/calendar.svg.js"),d=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,v=e.type,u=e.cost,p=e.date,f=e.imageSrc,E=e.colour,N=e.goToDetails,g=e.description,b=e.isListView,x=void 0!==b&&b,C=e.className,_=e.shortDate,w=e.titleId,T=e.descriptionId,q=c.useIntl().formatNumber,y=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":E},className:i("iframe-event-card",{"list-view":x},C),onClick:N?function(){N&&N()}:void 0},f&&t.createElement(r.Card.Img,{className:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:w},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0 list-view-hided"},p),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},_))),v&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},v))),"number"==typeof u&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},y("from")," ",q(u,{style:"currency",currency:"GBP"})))),g&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(s.TipTapEditor,{viewMode:!0,disabled:!0,content:l.formatContent(g,150),id:T})))))};
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=e(require("react")),a=require("react-i18next"),r=require("react-bootstrap"),i=e(require("clsx")),c=require("react-intl"),l=require("../../../tiptap-editor/TipTapEditor.js"),s=require("../../../events/event-card/utils.js"),n=require("../../../assets/iframe/clock.svg.js"),m=require("../../../assets/iframe/calendar.svg.js"),d=require("../../../assets/iframe/ticket.svg.js");exports.IframeEventCard=function(e){var o=e.title,v=e.type,u=e.cost,p=e.date,f=e.imageSrc,E=e.colour,N=e.goToDetails,g=e.description,C=e.isListView,b=void 0!==C&&C,x=e.className,_=e.shortDate,w=e.titleId,T=e.descriptionId,q=e.imageClassName,y=c.useIntl().formatNumber,j=a.useTranslation("Design").t;return t.createElement(r.Card,{style:{"--card-colour":E},className:i("iframe-event-card",{"list-view":b},x),onClick:N?function(){N&&N()}:void 0},f&&t.createElement(r.Card.Img,{className:null!=q?q:"card-image",variant:"top",as:"div",style:{backgroundImage:'url("'.concat(f,'")')}}),t.createElement(r.Card.Body,{className:i("d-flex","flex-column",!f&&"no-image")},t.createElement(r.Card.Title,{className:"iframe-event-card__title",id:w},o),t.createElement("div",{className:"flex-grow-1 iframe-event-card__description"},t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(m.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0 list-view-hided"},p),t.createElement("p",{className:"iframe-event-card__bold m-0 grid-view-hided"},_))),v&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(n.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},v))),"number"==typeof u&&t.createElement(r.Card.Text,{as:"div"},t.createElement("div",{className:"d-flex align-items-center mb-3"},t.createElement("div",{className:"icon-wrapper"},t.createElement(d.ReactComponent,null)),t.createElement("p",{className:"iframe-event-card__bold m-0"},j("from")," ",y(u,{style:"currency",currency:"GBP"})))),g&&t.createElement(r.Card.Text,{as:"div",className:"list-view-hided"},t.createElement(l.TipTapEditor,{viewMode:!0,disabled:!0,content:s.formatContent(g,150),id:T})))))};
package/dist/sales/manual-booking/select-event/SelectEvent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectEvent.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-event/SelectEvent.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAIzF,UAAU,gBAAgB;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,wCAIrB,gBAAgB,gBA6ClB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA4ClC,CAAC"}
1
+ {"version":3,"file":"SelectEvent.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-event/SelectEvent.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAIzF,UAAU,gBAAgB;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,wCAIrB,gBAAgB,gBAgDlB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA4ClC,CAAC"}
package/dist/sales/manual-booking/select-event/SelectEvent.js CHANGED
@@ -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=e(require("react"));require("../../../static/loader/LoaderIndicator.js");var a=require("../../../static/loader/BlockLoader.js"),r=require("react-i18next"),l=require("react-bootstrap");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var n=require("luxon"),o=require("rrule"),i=(e(o),e(require("@licklist/plugins/dist/services/Media/MediaService"))),s=require("../formatDays.js"),d=function(e){var a,i,d,c=e.coverImageUrl,u=e.title,m=e.rrule,v=e.startAt,E=e.endAt,p=e.isSoldOut,g=e.onClick,f=r.useTranslation("Sale").t;return t.createElement("div",{role:"button",tabIndex:0,className:"event-card-manual-booking","aria-disabled":p,onClick:p?void 0:g,onKeyUp:p?void 0:g},t.createElement("div",{className:"card-image-container"},t.createElement(l.Card.Img,{variant:"top",src:c,className:["card-img-manual-booking",p?"disable-img":""].join(" ")}),p&&t.createElement("div",{className:"sold-out"},f("soldOut"))),t.createElement("div",{className:"event-card-title"},u),t.createElement("div",{className:"event-card-days"},m?s.formatToDays(null===(i=null===(a=o.rrulestr(m.includes("EXDATE")?m.split(";EXDATE=")[0]:m))||void 0===a?void 0:a.options)||void 0===i?void 0:i.byweekday):s.formatToDays([null===(d=n.DateTime.fromISO(v))||void 0===d?void 0:d.day])),t.createElement("div",{className:"event-card-hours"},s.formatToHours(v,E)))};exports.EventCardManualBooking=d,exports.SelectEvent=function(e){var n=e.events,o=e.isLoading,s=e.selectEvent,c=r.useTranslation(["App","Sale"]).t;return t.createElement("div",null,o?t.createElement("div",{className:"loader-container"},t.createElement(a.BlockLoader,null)):t.createElement(t.Fragment,null,n&&n.length||o?t.createElement(t.Fragment,null,!o&&t.createElement(l.Form.Label,{className:"bold-text"},c("App:events")),t.createElement("div",{className:"event-list-manual-booking"},null==n?void 0:n.map((function(e){var a;return t.createElement(d,{key:"".concat(e.id,"-").concat(e.createdAt),coverImageUrl:i.getImageSrcByEvent(e),title:null==e?void 0:e.name,rrule:null==e?void 0:e.rrule,startAt:null==e?void 0:e.startAt,endAt:null==e?void 0:e.endAt,isSoldOut:null===(a=null==e?void 0:e.menusInfo)||void 0===a?void 0:a.isAllMenuProductsSoldOut,onClick:function(){return s(e)}})})))):t.createElement("div",{className:"no-results-content"},t.createElement("span",{className:"no-results-found"},c("App:noResultsFoundForSelectedDate")))))};
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=e(require("react"));require("../../../static/loader/LoaderIndicator.js");var a=require("../../../static/loader/BlockLoader.js"),r=require("react-i18next"),l=require("react-bootstrap");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var n=require("luxon"),o=require("rrule"),i=(e(o),e(require("@licklist/plugins/dist/services/Media/MediaService"))),s=require("../formatDays.js"),d=function(e){var a,i,d,c=e.coverImageUrl,u=e.title,m=e.rrule,v=e.startAt,E=e.endAt,p=e.isSoldOut,g=e.onClick,f=r.useTranslation("Sale").t;return t.createElement("div",{role:"button",tabIndex:0,className:"event-card-manual-booking","aria-disabled":p,onClick:p?void 0:g,onKeyUp:p?void 0:g},t.createElement("div",{className:"card-image-container"},t.createElement(l.Card.Img,{variant:"top",src:c,className:["card-img-manual-booking",p?"disable-img":""].join(" ")}),p&&t.createElement("div",{className:"sold-out"},f("soldOut"))),t.createElement("div",{className:"event-card-title"},u),t.createElement("div",{className:"event-card-days"},m?s.formatToDays(null===(i=null===(a=o.rrulestr(m.includes("EXDATE")?m.split(";EXDATE=")[0]:m))||void 0===a?void 0:a.options)||void 0===i?void 0:i.byweekday):s.formatToDays([null===(d=n.DateTime.fromISO(v))||void 0===d?void 0:d.day])),t.createElement("div",{className:"event-card-hours"},s.formatToHours(v,E)))};exports.EventCardManualBooking=d,exports.SelectEvent=function(e){var n=e.events,o=e.isLoading,s=e.selectEvent,c=r.useTranslation(["App","Sale"]).t;return t.createElement("div",null,o?t.createElement("div",{className:"loader-container"},t.createElement(a.BlockLoader,null)):t.createElement(t.Fragment,null,n&&n.length||o?t.createElement(t.Fragment,null,!o&&t.createElement(l.Form.Label,{className:"bold-text"},c("App:events")),t.createElement("div",{className:"event-list-manual-booking"},null==n?void 0:n.map((function(e){var a,r;return t.createElement(d,{key:"".concat(e.id,"-").concat(e.createdAt),coverImageUrl:i.getImageSrcByEvent(e,null===(a=null==e?void 0:e.providers[0])||void 0===a?void 0:a.images),title:null==e?void 0:e.name,rrule:null==e?void 0:e.rrule,startAt:null==e?void 0:e.startAt,endAt:null==e?void 0:e.endAt,isSoldOut:null===(r=null==e?void 0:e.menusInfo)||void 0===r?void 0:r.isAllMenuProductsSoldOut,onClick:function(){return s(e)}})})))):t.createElement("div",{className:"no-results-content"},t.createElement("span",{className:"no-results-found"},c("App:noResultsFoundForSelectedDate")))))};
package/dist/styles/product-set/ProductSetCard.scss CHANGED
@@ -100,6 +100,10 @@ $product-set-card-menu-icon-size: sp(3.5) !default;
100
100
  width: 2rem;
101
101
  height: 2rem;
102
102
  margin-right: 0.8rem;
103
+
104
+ @include media-breakpoint-down(sm) {
105
+ visibility: visible !important;
106
+ }
103
107
  }
104
108
  }
105
109
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.50.1-dev.0",
3
+ "version": "0.50.1-dev.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
package/src/iframe/event/event-card/IframeEventCard.tsx CHANGED
@@ -28,6 +28,7 @@ interface IframeEventCardProps {
28
28
  shortDate: string;
29
29
  titleId?: string;
30
30
  descriptionId?: string;
31
+ imageClassName?: string;
31
32
  }
32
33
 
33
34
  export function IframeEventCard({
@@ -44,6 +45,7 @@ export function IframeEventCard({
44
45
  shortDate,
45
46
  titleId,
46
47
  descriptionId,
48
+ imageClassName,
47
49
  }: IframeEventCardProps) {
48
50
  const { formatNumber } = useIntl();
49
51
  const { t } = useTranslation("Design");
@@ -70,7 +72,7 @@ export function IframeEventCard({
70
72
  >
71
73
  {imageSrc && (
72
74
  <Card.Img
73
- className="card-image"
75
+ className={imageClassName ?? "card-image"}
74
76
  variant="top"
75
77
  as="div"
76
78
  style={{ backgroundImage: `url("${imageSrc}")` }}
package/src/sales/manual-booking/select-event/SelectEvent.tsx CHANGED
@@ -46,7 +46,10 @@ export const SelectEvent = ({
46
46
  return (
47
47
  <EventCardManualBooking
48
48
  key={`${event.id}-${event.createdAt}`}
49
- coverImageUrl={MediaService.getImageSrcByEvent(event)}
49
+ coverImageUrl={MediaService.getImageSrcByEvent(
50
+ event,
51
+ event?.providers[0]?.images
52
+ )}
50
53
  title={event?.name}
51
54
  rrule={event?.rrule}
52
55
  startAt={event?.startAt}
package/src/styles/product-set/ProductSetCard.scss CHANGED
@@ -100,6 +100,10 @@ $product-set-card-menu-icon-size: sp(3.5) !default;
100
100
  width: 2rem;
101
101
  height: 2rem;
102
102
  margin-right: 0.8rem;
103
+
104
+ @include media-breakpoint-down(sm) {
105
+ visibility: visible !important;
106
+ }
103
107
  }
104
108
  }
105
109