@licklist/design 0.44.486-dev.18 → 0.44.486-dev.2

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

@@ -1,17 +0,0 @@
-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;
-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 {};
-//# sourceMappingURL=ActivityCard.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=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";

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

@@ -1,2 +0,0 @@
-export * from "./ActivityCard";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/iframe/activity-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/iframe/payment/order-items-table/types/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.AMOUNT_TOTAL="amountTotal",exports.AMOUNT_WITH_DISCOUNT="amountWithDiscount",exports.REMAINING_TO_PAY="remainingToPay",exports.TOTAL_PAID="totalPaid";

package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts

@@ -1,3 +0,0 @@
-import { OrderItemsTableProps, SummaryItem } from "../types";
-export declare const getOrderSummaryItems: ({ order, externalDiscount, paymentDetail, isPaymentProcessed, }: OrderItemsTableProps) => SummaryItem[];
-//# sourceMappingURL=paymentSummary.d.ts.map

package/dist/iframe/payment/order-items-table/utils/paymentSummary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paymentSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/payment/order-items-table/utils/paymentSummary.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,oBAAoB,EAEpB,WAAW,EAEZ,MAAM,UAAU,CAAC;AA8FlB,eAAO,MAAM,oBAAoB,oEAK9B,oBAAoB,KAAG,WAAW,EAUpC,CAAC"}

package/dist/iframe/payment/order-items-table/utils/paymentSummary.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("./index.js"),r=require("../types/index.js"),a=require("../hooks/useTableData.js");exports.getOrderSummaryItems=function(n){var s=n.order,_=n.externalDiscount,l=n.paymentDetail;return n.isPaymentProcessed?function(n){var s=n.order,_=n.paymentDetail,l=_&&!s.payments.length?t.getExternalPaymentDetail(_):Object.keys(a.PAYMENT_TYPE_TRANSLATE_KEYS).map((function(e){return{translateKey:a.PAYMENT_TYPE_TRANSLATE_KEYS[e],price:t.getPaymentValueByType(s.payments,e)}})),i=t.calculateTotalPrice(s,l),u=t.calculateTotalDiscount(s.payments),y=i-Number(u),p=[{translateKey:r.AMOUNT_TOTAL,price:i}];return u&&p.push({translateKey:r.AMOUNT_WITH_DISCOUNT,price:y<0?0:y}),_&&!s.payments.length?e.__spreadArray(e.__spreadArray([],e.__read(p),!1),e.__read(l),!1):(p.push({translateKey:r.TOTAL_PAID,price:y<=0?0:s.totalAmount}),y<=0||(p=e.__spreadArray(e.__spreadArray([],e.__read(p),!1),e.__read(l),!1),y>s.totalAmount&&p.push({translateKey:r.REMAINING_TO_PAY,price:y-s.totalAmount})),p)}({order:s,paymentDetail:l}):function(a){var n=a.order,s=a.externalDiscount,_=a.paymentDetail,l=_?t.getExternalPaymentDetail(_):void 0,i=t.calculateTotalPrice(n,l),u=[{translateKey:r.AMOUNT_TOTAL,price:i}];return s&&u.push({price:s,translateKey:r.AMOUNT_WITH_DISCOUNT}),l?e.__spreadArray(e.__spreadArray([],e.__read(u),!1),e.__read(t.getExternalPaymentDetail(_)),!1):u}({order:s,externalDiscount:_,paymentDetail:l})};

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

@@ -1,2 +0,0 @@
-@import "./GridActivitiesCard.scss";
-@import "./ListActivitiesCard.scss";

package/dist/styles/date-time-button/_index.scss

@@ -1 +0,0 @@
-@import "./DateTimeButton.scss";

package/dist/zone/form/components/GameDurationControl.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type GameDurationControlProps = {
-    isLoading: boolean;
-};
-export declare const GameDurationControl: ({ isLoading, }: GameDurationControlProps) => JSX.Element;
-export {};
-//# sourceMappingURL=GameDurationControl.d.ts.map

package/dist/zone/form/components/GameDurationControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GameDurationControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/GameDurationControl.tsx"],"names":[],"mappings":";AAQA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAE7B,wBAAwB,gBA+B1B,CAAC"}

package/dist/zone/form/components/GameDurationControl.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=e(require("react")),i=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),u=require("@react-aria/utils");exports.GameDurationControl=function(e){var l=e.isLoading,s=u.useId(),d=i.useTranslation(["Design","Validation"]).t,m=o.useFormContext(),c=m.register,f=m.formState.errors;return t.createElement(a.Form.Group,{controlId:s},t.createElement(a.Form.Label,null,d("Design:defaultGameDuration")),t.createElement(a.Form.Control,r.__assign({type:"number"},c("defaultDuration",{required:!1,min:1}),{placeholder:d("Design:duration"),isInvalid:Boolean(f.defaultDuration),disabled:l})),t.createElement(a.Form.Control.Feedback,{type:"invalid"},n.hasError(f.defaultDuration,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:defaultGameDuration").toLowerCase(),min:1})))};

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

@@ -1,77 +0,0 @@
-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";
-
-type Layout = typeof LAYOUT_GRID | typeof LAYOUT_LIST;
-
-export type ActivityCardProps = {
-  title: ReactNode;
-  duration: ReactNode;
-  price: ReactNode;
-  image?: Image | null;
-  onSelect: () => void;
-  isSelected: boolean;
-  layout?: Layout;
-};
-
-export const ActivityCard = ({
-  title,
-  duration,
-  price,
-  image,
-  onSelect,
-  isSelected,
-  layout = LAYOUT_GRID,
-}: ActivityCardProps) => {
-  if (layout === LAYOUT_GRID) {
-    return (
-      <button
-        type="button"
-        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="activity-card-title">{title}</div>
-
-          {duration && <div>{duration}</div>}
-
-          {price && <div>{price}</div>}
-        </div>
-      </button>
-    );
-  }
-
-  return (
-    <div role="button" onClick={onSelect} onKeyPress={onSelect} tabIndex={0}>
-      <div
-        className={clsx("list-activity-card", {
-          active: isSelected,
-        })}
-      >
-        <div className="description">
-          <div className="title">{title}</div>
-          {duration && (
-            <div>
-              <p>{duration}</p>
-            </div>
-          )}
-
-          {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/iframe/activity-card/index.ts

@@ -1 +0,0 @@
-export * from "./ActivityCard";

package/src/iframe/payment/order-items-table/utils/paymentSummary.tsx

@@ -1,118 +0,0 @@
-import { PAYMENT_TYPE_TRANSLATE_KEYS } from "../hooks/useTableData";
-import {
-  AMOUNT_TOTAL,
-  AMOUNT_WITH_DISCOUNT,
-  OrderItemsTableProps,
-  REMAINING_TO_PAY,
-  SummaryItem,
-  TOTAL_PAID,
-} from "../types";
-import {
-  calculateTotalDiscount,
-  calculateTotalPrice,
-  getExternalPaymentDetail,
-  getPaymentValueByType,
-} from "./index";
-
-const paymentNotProcessedSummary = ({
-  order,
-  externalDiscount,
-  paymentDetail,
-}: OrderItemsTableProps) => {
-  const externalPaymentDetail = paymentDetail
-    ? getExternalPaymentDetail(paymentDetail)
-    : undefined;
-
-  const total = calculateTotalPrice(order, externalPaymentDetail);
-
-  const summaryItems: SummaryItem[] = [
-    {
-      translateKey: AMOUNT_TOTAL,
-      price: total,
-    },
-  ];
-
-  if (externalDiscount) {
-    summaryItems.push({
-      price: externalDiscount,
-      translateKey: AMOUNT_WITH_DISCOUNT,
-    });
-  }
-
-  if (externalPaymentDetail) {
-    return [...summaryItems, ...getExternalPaymentDetail(paymentDetail)];
-  }
-
-  return summaryItems;
-};
-
-const processedPaymentSummary = ({
-  order,
-  paymentDetail,
-}: OrderItemsTableProps) => {
-  const externalPaymentDetail =
-    paymentDetail && !order.payments.length
-      ? getExternalPaymentDetail(paymentDetail)
-      : Object.keys(PAYMENT_TYPE_TRANSLATE_KEYS).map((key) => {
-          return {
-            translateKey: PAYMENT_TYPE_TRANSLATE_KEYS[key],
-            price: getPaymentValueByType(order.payments, key),
-          };
-        });
-
-  const total = calculateTotalPrice(order, externalPaymentDetail);
-
-  const totalDiscount = calculateTotalDiscount(order.payments);
-  const totalWithDiscount = total - Number(totalDiscount);
-  let summaryItems: SummaryItem[] = [
-    {
-      translateKey: AMOUNT_TOTAL,
-      price: total,
-    },
-  ];
-
-  if (totalDiscount) {
-    summaryItems.push({
-      translateKey: AMOUNT_WITH_DISCOUNT,
-      price: totalWithDiscount < 0 ? 0 : totalWithDiscount,
-    });
-  }
-
-  if (paymentDetail && !order.payments.length) {
-    return [...summaryItems, ...externalPaymentDetail];
-  }
-
-  summaryItems.push({
-    translateKey: TOTAL_PAID,
-    price: totalWithDiscount <= 0 ? 0 : order.totalAmount,
-  });
-  if (totalWithDiscount <= 0) {
-    return summaryItems;
-  }
-  summaryItems = [...summaryItems, ...externalPaymentDetail];
-
-  if (totalWithDiscount > order.totalAmount) {
-    summaryItems.push({
-      translateKey: REMAINING_TO_PAY,
-      price: totalWithDiscount - order.totalAmount,
-    });
-  }
-  return summaryItems;
-};
-
-export const getOrderSummaryItems = ({
-  order,
-  externalDiscount,
-  paymentDetail,
-  isPaymentProcessed,
-}: OrderItemsTableProps): SummaryItem[] => {
-  if (!isPaymentProcessed) {
-    return paymentNotProcessedSummary({
-      order,
-      externalDiscount,
-      paymentDetail,
-    });
-  }
-
-  return processedPaymentSummary({ order, paymentDetail });
-};

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

@@ -1,2 +0,0 @@
-@import "./GridActivitiesCard.scss";
-@import "./ListActivitiesCard.scss";

package/src/styles/date-time-button/_index.scss

@@ -1 +0,0 @@
-@import "./DateTimeButton.scss";

package/src/zone/form/components/GameDurationControl.tsx

@@ -1,46 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Form } from "react-bootstrap";
-import { useFormContext } from "react-hook-form";
-import { useId } from "@react-aria/utils";
-import HookFormService from "@licklist/plugins/dist/services/Form/HookFormService";
-import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
-
-type GameDurationControlProps = {
-  isLoading: boolean;
-};
-
-export const GameDurationControl = ({
-  isLoading,
-}: GameDurationControlProps) => {
-  const nameId = useId();
-  const { t } = useTranslation(["Design", "Validation"]);
-
-  const {
-    register,
-    formState: { errors },
-  } = useFormContext<Pick<Zone, "defaultDuration">>();
-
-  return (
-    <Form.Group controlId={nameId}>
-      <Form.Label>{t("Design:defaultGameDuration")}</Form.Label>
-      <Form.Control
-        type="number"
-        {...register("defaultDuration", {
-          required: false,
-          min: 1,
-        })}
-        placeholder={t("Design:duration")}
-        isInvalid={Boolean(errors.defaultDuration)}
-        disabled={isLoading}
-      />
-      <Form.Control.Feedback type="invalid">
-        {HookFormService.hasError(errors.defaultDuration, "min") &&
-          t("Validation:fieldMinNumber", {
-            attribute: t("Design:defaultGameDuration").toLowerCase(),
-            min: 1,
-          })}
-      </Form.Control.Feedback>
-    </Form.Group>
-  );
-};