@licklist/design 0.44.486-dev.74 → 0.44.486-dev.76

package/dist/events/event-card/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAUF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CAuBpB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAUF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CAmBpB,CAAC"}

package/dist/events/event-card/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("@licklist/core/dist/Config"),e=require("luxon");var o=300,a=function(t,r){return t.reduce((function(t,e){var o;return t+Object.values(null!==(o=r.views[e])&&void 0!==o?o:{}).reduce((function(t,r){return t+(r.pageViews||0)}),0)}),0)},n=function(t,r){var e=0,o=0;return t.forEach((function(t){var a;return Object.values(null!==(a=r.productCategorySummary[t])&&void 0!==a?a:{}).forEach((function(t){var r,a=t.totalPerCategory,n=t.productsSummary;o+=a||0,e+=null!==(r=null==n?void 0:n.reduce((function(t,r){return t+r.productsSold}),0))&&void 0!==r?r:0}))})),[e,o]};exports.EVENT_DESCRIPTION_SIZE=o,exports.calculateTotalSoldAndAmount=n,exports.calculateTotalViews=a,exports.formatContent=function(t,r){return t?t.length>r?"".concat(t.slice(0,r),"..."):t:""},exports.formatContentWithoutTags=function(t,r){if(void 0===r&&(r=o),!t)return"";if(t<r)return t;var e=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,r).split(" "),a=String(t).indexOf(e[e.length-2]);return t.slice(0,a).concat("...")},exports.getStatisticInfo=function(o,u){var i;if(!o)return{totalViews:0,totalSold:0,totalAmount:0};var l=e.DateTime.fromISO(u).toUTC().toFormat(r.DATE_FORMAT),c=e.DateTime.fromISO(u).toUTC().toFormat(r.DATE_TIME_FULL_FORMAT),s=Object.values(null!==(i=o.relativeDays)&&void 0!==i?i:{}),d=a(t.__spreadArray([],t.__read(new Set(t.__spreadArray([l],t.__read(s),!1))),!1),o),_=t.__read(n(t.__spreadArray([],t.__read(new Set(t.__spreadArray([c],t.__read(s),!1))),!1),o),2);return{totalViews:d,totalSold:_[0],totalAmount:_[1]}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("@licklist/core/dist/Config"),r=require("luxon");var o=300,n=function(t,e){return t.reduce((function(t,r){var o;return t+Object.values(null!==(o=e.views[r])&&void 0!==o?o:{}).reduce((function(t,e){return t+(e.pageViews||0)}),0)}),0)},u=function(t,e){var r=0,o=0;return t.forEach((function(t){var n;return Object.values(null!==(n=e.productCategorySummary[t])&&void 0!==n?n:{}).forEach((function(t){var e,n=t.totalPerCategory,u=t.productsSummary;o+=n||0,r+=null!==(e=null==u?void 0:u.reduce((function(t,e){return t+e.productsSold}),0))&&void 0!==e?e:0}))})),[r,o]};exports.EVENT_DESCRIPTION_SIZE=o,exports.calculateTotalSoldAndAmount=u,exports.calculateTotalViews=n,exports.formatContent=function(t,e){return t?t.length>e?"".concat(t.slice(0,e),"..."):t:""},exports.formatContentWithoutTags=function(t,e){if(void 0===e&&(e=o),!t)return"";if(t<e)return t;var r=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,e).split(" "),n=String(t).indexOf(r[r.length-2]);return t.slice(0,n).concat("...")},exports.getStatisticInfo=function(o,a){if(!o)return{totalViews:0,totalSold:0,totalAmount:0};var i=r.DateTime.fromISO(a).toUTC().toFormat(e.DATE_FORMAT),l=r.DateTime.fromISO(a).toUTC().toFormat(e.DATE_TIME_FULL_FORMAT),c=n([i],o),s=t.__read(u([l],o),2);return{totalViews:c,totalSold:s[0],totalAmount:s[1]}};

package/dist/iframe/activity-card/ActivityCard.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
 export declare const LAYOUT_GRID = "grid";
 export declare const LAYOUT_LIST = "list";
 type Layout = typeof LAYOUT_GRID | typeof LAYOUT_LIST;
@@ -7,11 +6,10 @@ export type ActivityCardProps = {
     title: ReactNode;
     duration: ReactNode;
     price: ReactNode;
-    image?: Image | null;
     onSelect: () => void;
     isSelected: boolean;
     layout?: Layout;
 };
-export declare const ActivityCard: ({ title, duration, price, image, onSelect, isSelected, layout, }: ActivityCardProps) => JSX.Element;
+export declare const ActivityCard: ({ title, duration, price, onSelect, isSelected, layout, }: ActivityCardProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ActivityCard.d.ts.map

package/dist/iframe/activity-card/ActivityCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAE7E,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC;AAElC,KAAK,MAAM,GAAG,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,qEAQtB,iBAAiB,gBAiDnB,CAAC"}
+{"version":3,"file":"ActivityCard.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/ActivityCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,eAAO,MAAM,WAAW,SAAS,CAAC;AAClC,eAAO,MAAM,WAAW,SAAS,CAAC;AAElC,KAAK,MAAM,GAAG,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,8DAQtB,iBAAiB,gBAwCnB,CAAC"}

package/dist/iframe/activity-card/ActivityCard.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),a=e(require("clsx")),l="grid";exports.ActivityCard=function(e){var c=e.title,i=e.duration,r=e.price,n=e.image,s=e.onSelect,m=e.isSelected,d=e.layout;return(void 0===d?l:d)===l?t.createElement("button",{type:"button",className:a("activity-card",m&&"active"),onClick:s},n&&t.createElement("img",{className:"activity-card-image",alt:"",src:n.url}),t.createElement("div",{className:a("d-flex","flex-column",!n&&"no-image")},t.createElement("div",{className:"activity-card-title"},c),i&&t.createElement("div",null,i),r&&t.createElement("div",null,r))):t.createElement("div",{role:"button",onClick:s,onKeyPress:s,tabIndex:0},t.createElement("div",{className:a("list-activity-card",{active:m})},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},c),i&&t.createElement("div",null,t.createElement("p",null,i)),r&&t.createElement("div",null,r)),n&&t.createElement("div",{className:"image-container"},t.createElement("img",{className:"image",src:n.url,alt:""}))),t.createElement("hr",{className:"list-activity-card-hr"}))},exports.LAYOUT_GRID=l,exports.LAYOUT_LIST="list";
+"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")),l=e(require("clsx")),a="grid";exports.ActivityCard=function(e){var c=e.title,i=e.duration,r=e.price,n=e.onSelect,s=e.isSelected,d=e.layout;return(void 0===d?a:d)===a?t.createElement("button",{type:"button",className:l("activity-card",s&&"active"),onClick:n},t.createElement("div",{className:l("d-flex","flex-column")},t.createElement("div",{className:"activity-card-title"},c),i&&t.createElement("div",null,i),r&&t.createElement("div",null,r))):t.createElement("div",{role:"button",onClick:n,onKeyPress:n,tabIndex:0},t.createElement("div",{className:l("list-activity-card",{active:s})},t.createElement("div",{className:"description"},t.createElement("div",{className:"title"},c),i&&t.createElement("div",null,t.createElement("p",null,i)),r&&t.createElement("div",null,r))),t.createElement("hr",{className:"list-activity-card-hr"}))},exports.LAYOUT_GRID=a,exports.LAYOUT_LIST="list";

package/dist/styles/activity-card/GridActivitiesCard.scss

@@ -6,7 +6,6 @@
   color: $snippet-elements-body-color;
   border-radius: 0.5rem;
   padding: 0.375rem;
-  min-height: 12.5rem;
   width: 11.5rem;
   word-wrap: break-word;
   background-color: #fff;
@@ -21,13 +20,6 @@
     border: 2px solid #0e8be1;
   }
 
-  &-image {
-    width: 100%;
-    height: 6.3rem;
-    margin-bottom: 0.5rem;
-    border-radius: 0.3rem;
-  }
-
   &-title {
     font-weight: 600;
     line-height: 1.25rem;

package/package.json

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

package/src/events/event-card/utils.ts

@@ -104,14 +104,10 @@ export const getStatisticInfo = (
   const summaryFormattedDate = DateTime.fromISO(date)
     .toUTC()
     .toFormat(DATE_TIME_FULL_FORMAT);
-  const relatedDays = Object.values(eventStatistic.relativeDays ?? {});
 
-  const totalViews = calculateTotalViews(
-    [...new Set([viewsFormattedDate, ...relatedDays])],
-    eventStatistic
-  );
+  const totalViews = calculateTotalViews([viewsFormattedDate], eventStatistic);
   const [totalSold, totalAmount] = calculateTotalSoldAndAmount(
-    [...new Set([summaryFormattedDate, ...relatedDays])],
+    [summaryFormattedDate],
     eventStatistic
   );
 

package/src/iframe/activity-card/ActivityCard.stories.tsx

@@ -1,75 +1,51 @@
 import React from "react";
 import { Meta, Story } from "@storybook/react";
-import { ActivityCard, ActivityCardProps, LAYOUT_LIST } from "./ActivityCard";
+import {
+  ActivityCard,
+  ActivityCardProps,
+  LAYOUT_GRID,
+  LAYOUT_LIST,
+} from "./ActivityCard";
 
 export default {
   title: "Iframe/ActivityCard",
   component: ActivityCard,
 } as Meta;
 
-export const Default: Story<ActivityCardProps> = (props) => {
-  return <ActivityCard {...props} />;
-};
+export const GridView: Story<ActivityCardProps> = (props) => {
+  const [isSelected, setIsSelected] = React.useState(false);
 
-Default.args = {
-  title: "Clay Pigeons & Axe Thowing",
-  duration: "60 mins",
-  price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: false,
+  return (
+    <ActivityCard
+      {...props}
+      isSelected={isSelected}
+      onSelect={() => setIsSelected(true)}
+    />
+  );
 };
 
-export const Selected: Story<ActivityCardProps> = (props) => {
-  return <ActivityCard {...props} />;
-};
-
-Selected.args = {
+GridView.args = {
+  layout: LAYOUT_GRID,
   title: "Clay Pigeons & Axe Thowing",
   duration: "60 mins",
   price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: true,
 };
 
 export const ListView: Story<ActivityCardProps> = (props) => {
-  return <ActivityCard {...props} />;
+  const [isSelected, setIsSelected] = React.useState(false);
+
+  return (
+    <ActivityCard
+      {...props}
+      isSelected={isSelected}
+      onSelect={() => setIsSelected(true)}
+    />
+  );
 };
 
-Default.args = {
+ListView.args = {
   layout: LAYOUT_LIST,
   title: "Clay Pigeons & Axe Thowing",
   duration: "60 mins",
   price: "from £20",
-  image: {
-    hash: "0b37b130e22aa2d3",
-    id: 195,
-    imageType: "cover",
-    imageableId: 25,
-    imageableType: "zone",
-    path: "images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-    // eslint-disable-next-line max-len
-    url: "https://cdn.lickli.st/doNktZRze1yuz3Uo2OPrLSvXVtUcdUsF/images/original/000/000/000/000/195-0b37b130e22aa2d3.jpeg",
-  },
-  onSelect: () => null,
-  isSelected: false,
 };

package/src/iframe/activity-card/ActivityCard.tsx

@@ -1,6 +1,5 @@
 import React, { ReactNode } from "react";
 import clsx from "clsx";
-import { Image } from "@licklist/core/dist/DataMapper/Media/ImageDataMapper";
 
 export const LAYOUT_GRID = "grid";
 export const LAYOUT_LIST = "list";
@@ -11,7 +10,6 @@ export type ActivityCardProps = {
   title: ReactNode;
   duration: ReactNode;
   price: ReactNode;
-  image?: Image | null;
   onSelect: () => void;
   isSelected: boolean;
   layout?: Layout;
@@ -21,7 +19,7 @@ export const ActivityCard = ({
   title,
   duration,
   price,
-  image,
+  // image,
   onSelect,
   isSelected,
   layout = LAYOUT_GRID,
@@ -33,10 +31,7 @@ export const ActivityCard = ({
         className={clsx("activity-card", isSelected && "active")}
         onClick={onSelect}
       >
-        {image && (
-          <img className="activity-card-image" alt="" src={image.url} />
-        )}
-        <div className={clsx("d-flex", "flex-column", !image && "no-image")}>
+        <div className={clsx("d-flex", "flex-column")}>
           <div className="activity-card-title">{title}</div>
 
           {duration && <div>{duration}</div>}
@@ -64,12 +59,6 @@ export const ActivityCard = ({
 
           {price && <div>{price}</div>}
         </div>
-
-        {image && (
-          <div className="image-container">
-            <img className="image" src={image.url} alt="" />
-          </div>
-        )}
       </div>
       <hr className="list-activity-card-hr" />
     </div>

package/src/styles/activity-card/GridActivitiesCard.scss

@@ -6,7 +6,6 @@
   color: $snippet-elements-body-color;
   border-radius: 0.5rem;
   padding: 0.375rem;
-  min-height: 12.5rem;
   width: 11.5rem;
   word-wrap: break-word;
   background-color: #fff;
@@ -21,13 +20,6 @@
     border: 2px solid #0e8be1;
   }
 
-  &-image {
-    width: 100%;
-    height: 6.3rem;
-    margin-bottom: 0.5rem;
-    border-radius: 0.3rem;
-  }
-
   &-title {
     font-weight: 600;
     line-height: 1.25rem;