@licklist/design 0.44.476-dev.7 → 0.44.476
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.
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.d.ts.map +1 -1
- package/dist/events/edit-event-modal/component/EditEventForm/EditEventForm.js +1 -1
- package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts +1 -1
- package/dist/iframe/order-process/components/BookingSummary/BookingSummary.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/BookingSummary.js +1 -1
- package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js +1 -1
- package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts +1 -2
- package/dist/iframe/order-process/components/BookingSummary/types/index.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/utils/index.d.ts +4 -0
- package/dist/iframe/order-process/components/BookingSummary/utils/index.d.ts.map +1 -1
- package/dist/iframe/order-process/components/BookingSummary/utils/index.js +1 -1
- package/dist/iframe/payment/payment-page/PaymentPage.d.ts.map +1 -1
- package/dist/iframe/payment/payment-page/PaymentPage.js +1 -1
- package/dist/iframe/ryft/RyftPaymentForm.js +1 -1
- package/dist/product-set/form/ProductCategoriesControl.d.ts.map +1 -1
- package/dist/product-set/form/ProductCategoriesControl.js +1 -1
- package/dist/product-set/form/StepsControl.js +1 -1
- package/dist/sales/manual-booking/select-menu/SelectMenu.d.ts.map +1 -1
- package/dist/sales/manual-booking/select-menu/SelectMenu.js +1 -1
- package/dist/sales/notes/note-form/NoteForm.d.ts.map +1 -1
- package/dist/sales/notes/note-form/NoteForm.js +1 -1
- package/dist/styles/iframe-events/Event.scss +2 -0
- package/package.json +1 -1
- package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.stories.tsx +0 -1
- package/src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx +5 -6
- package/src/iframe/order-process/OrderProcess.stories.tsx +5 -2
- package/src/iframe/order-process/components/BookingSummary/BookingSummary.stories.tsx +2 -2
- package/src/iframe/order-process/components/BookingSummary/BookingSummary.tsx +13 -6
- package/src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx +12 -4
- package/src/iframe/order-process/components/BookingSummary/types/index.ts +1 -2
- package/src/iframe/order-process/components/BookingSummary/utils/index.ts +21 -0
- package/src/iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.stories.tsx +1 -9
- package/src/iframe/payment/payment-page/PaymentPage.tsx +2 -1
- package/src/iframe/ryft/RyftPaymentForm.tsx +1 -1
- package/src/product-set/form/ProductCategoriesControl.tsx +3 -4
- package/src/product-set/form/StepsControl.tsx +1 -1
- package/src/sales/manual-booking/select-menu/SelectMenu.tsx +1 -3
- package/src/sales/notes/note-form/NoteForm.tsx +3 -21
- package/src/styles/iframe-events/Event.scss +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAI5E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAGnF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAOD,eAAO,MAAM,aAAa,qLAYvB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"EditEventForm.d.ts","sourceRoot":"","sources":["../../../../../src/events/edit-event-modal/component/EditEventForm/EditEventForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,KAAK,EACN,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAI5E,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,OAAO,EAAiB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAGnF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAOD,eAAO,MAAM,aAAa,qLAYvB,kBAAkB,gBAkVpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),i=e(r),n=require("react-i18next"),
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),i=e(r),n=require("react-i18next"),l=require("react-bootstrap"),o=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),d=require("@react-aria/utils"),u=require("luxon"),s=require("../../../../collapsible-input-group/CollapsibleInputGroup.js"),c=require("../../../../modals/dialog/Dialog.js"),m=require("../../../../modals/dialog/DialogContext.js"),p=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),v=require("../../../../file-upload/FileUpload.js"),g=require("../../../../tiptap-editor/TipTapEditor.js"),E=require("../SelectEventProductSet/SelectEventProductSet.js"),f=require("@licklist/plugins/dist/hooks/Media/useMultipleImages"),b=require("@licklist/plugins/dist/utils/ScrollUtils"),I=require("@licklist/plugins/dist/utils/FormValues"),S=require("../SaleDeadline/SaleDeadline.js"),P=require("../../../../provider/categories-input/CategoriesInput.js"),F=require("../../../../provider/categories-input/CategoriesInputDescription.js");require("../../../../provider/location-input/LocationInput.js"),require("../../../../provider/location-input/LocationInputDescription.js"),require("../../../../provider/provider-links-input/ProviderLinksInput.js"),require("../../../../provider/provider-details-input/ProviderDetailsInput.js"),require("../../../../provider/provider-form/ProviderForm.js"),require("../../../../provider/working-hours-input/WorkingHoursInput.js"),require("../../../../provider/working-hours-input/WorkingHoursInputDescription.js"),require("../../../../provider/venue-form/VenueForm.js"),require("../../../../provider/company/user-form/UserForm.js");var q=require("../../IntervalInput.js"),A=require("../../utils/isUrlValid.js"),D={uploadImage:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE],uploadCover:p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_COVER]},h=function(e){var t,r,i,n,l,o,a,d,s,c,m,p=function(e){return e&&u.DateTime.fromISO(e).toISO({includeOffset:!1,suppressMilliseconds:!0,suppressSeconds:!0})};return{name:null!==(t=null==e?void 0:e.name)&&void 0!==t?t:"",description:null!==(r=null==e?void 0:e.description)&&void 0!==r?r:"",start:p(null!==(i=null==e?void 0:e.startAt)&&void 0!==i?i:""),end:p(null!==(n=null==e?void 0:e.endAt)&&void 0!==n?n:""),rrule:null!==(l=null==e?void 0:e.rrule)&&void 0!==l?l:void 0,categories:null!==(o=null==e?void 0:e.categories)&&void 0!==o?o:[],termsAndConditions:null!==(a=null==e?void 0:e.termsAndConditions)&&void 0!==a?a:"",visible:null!==(d=null==e?void 0:e.visible)&&void 0!==d?d:"",externalPaymentLink:null!==(s=null==e?void 0:e.externalPaymentLink)&&void 0!==s?s:"",productSetId:null==e?void 0:e.productSetId,images:null==e?void 0:e.images,saleDeadline:null==e?void 0:e.saleDeadline,integrationUrl:null!==(c=null==e?void 0:e.integrationUrl)&&void 0!==c?c:"",recurrenceEndAt:null!==(m=null==e?void 0:e.recurrenceEndAt)&&void 0!==m?m:void 0}};exports.EditEventForm=function(e){var u,C,y,_=e.disabled,k=void 0!==_&&_,M=e.categories,L=e.title,j=e.hasPermission,w=void 0===j||j,x=e.defaultEventValues,G=e.serverErrors,U=e.onSaveEvent,T=e.productSets,V=e.createProductSet,Y=e.setEditProductSetId,O=e.isExternalPaymentLinkEnabled,R=n.useTranslation(["Design","Validation"]).t,B=d.useId(),N=d.useId(),W=d.useId(),H=d.useId(),K=d.useId(),z=t.__read(r.useState(null),2),J=z[0],Q=z[1],X=t.__read(r.useState(!1),2),Z=X[0],$=X[1],ee=m.useDialogContext(),te=ee.isShownDialog,re=ee.onBeforeUnload,ie=ee.onPopState,ne=ee.onApproveDialog,le=ee.onDeclineDialog,oe=o.useForm({defaultValues:h(x)}),ae=oe.register,de=oe.formState.errors,ue=oe.handleSubmit,se=oe.formState,ce=oe.reset,me=oe.watch,pe=oe.setValue,ve=oe.setError,ge=oe.getValues,Ee=oe.control,fe=me("visible"),be=me("editedProductSet"),Ie=f.useMultipleImages(J),Se=Ie.images,Pe=Ie.handleImageRemove,Fe=Ie.handleImageUploading,qe=Ie.isImagesLoading,Ae=Ie.isCoverImagesLoading,De=r.useCallback((function(e,t){return!!A.isUrlValid(e)||R("Validation:fieldValidWebURL",{attribute:t})}),[]);return r.useEffect((function(){ce(h(x))}),[x]),r.useEffect((function(){if(x.images&&x.images.length>0){var e=ge("images");Q(e)}else Q([])}),[Q,ge,x]),r.useEffect((function(){Array.isArray(Se)&&pe("images",Se)}),[Se]),r.useEffect((function(){a.handleServerErrors(G,ve)}),[G]),r.useEffect((function(){return window.history.pushState(null,"",window.location.pathname),window.addEventListener("beforeunload",re),window.addEventListener("popstate",ie),function(){window.removeEventListener("beforeunload",re),window.removeEventListener("popstate",ie)}}),[]),i.createElement(i.Fragment,null,i.createElement(c.Dialog,{isActive:te,title:R("Design:leavePage"),content:R("Design:changesNotBeSaved"),onApprove:ne,onDecline:le}),i.createElement("h5",{className:"edit-event-modal-title highlited-primary-title"},L),i.createElement(o.FormProvider,t.__assign({},oe),i.createElement(l.Modal.Body,{as:"form",noValidate:!0,onSubmit:ue(U,(function(e){b.scrollToError(I.getFirstErrorKey(e))}))},i.createElement(l.Form.Group,{controlId:"name"},i.createElement(l.Form.Label,null,R("nameOfEvent")),i.createElement(l.Form.Control,t.__assign({},ae("name",{required:R("Validation:fieldRequired",{attribute:R("name")}),maxLength:{value:255,message:R("Validation:fieldMaxLength",{attribute:R("name"),max:255})}}),{name:"name",required:!0,isInvalid:Boolean(de.name),disabled:k})),i.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(u=de.name)||void 0===u?void 0:u.message)),Object.keys(D).map((function(e){var t=D[e];return i.createElement(v.FileUpload,{key:e,allowedExtensions:["jpg","jpeg","png"],enablePreview:!0,defaultFiles:null==Se?void 0:Se.filter((function(e){return p.IMAGE_TYPE_MAP[e.imageType]===t})),onFilesChange:function(e){Fe(e,t)},secondSubtitle:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?"1200x600":void 0,title:R("Design:".concat(e)),onFileRemove:function(e,r){return Pe(String(e),r,t)},isLoading:t===p.IMAGE_TYPE_MAP[p.IMAGE_TYPE_IMAGE]?qe:Ae,disabled:k})})),i.createElement(l.Form.Group,{controlId:B},i.createElement(l.Form.Label,null,R("description")),i.createElement(o.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"description"})),i.createElement(q.IntervalInput,{key:me("rrule"),disabled:k,editedProductSet:be}),0!==M.length&&i.createElement(l.Form.Group,null,i.createElement(l.Accordion,null,i.createElement(s.CollapsibleInputGroup,{eventKey:"categories",label:R("categories"),description:i.createElement(F.CategoriesInputDescription,{categories:M})},i.createElement(P.CategoriesInput,{categories:M})))),i.createElement(S.SaleDeadline,{disabled:k}),i.createElement(l.Form.Group,{controlId:N},i.createElement(l.Form.Label,null,R("termsAndConditions")),i.createElement(o.Controller,{render:function(e){var t=e.field;return i.createElement(g.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:t.onChange,content:t.value,disabled:k})},name:"termsAndConditions"})),O&&i.createElement(l.Form.Group,{controlId:K},i.createElement(l.Form.Label,null,R("externalPaymentLink")),i.createElement(l.Form.Control,t.__assign({},ae("externalPaymentLink",{required:R("Validation:fieldRequired",{attribute:R("Design:externalPaymentLink")}),validate:function(e){return De(e,R("Design:externalPaymentLink"))}}),{name:"externalPaymentLink",type:"url",inputMode:"url",disabled:k,isInvalid:Boolean(de.externalPaymentLink)})),i.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(C=de.externalPaymentLink)||void 0===C?void 0:C.message)),i.createElement(l.Form.Group,{controlId:W,className:"mt-5"},i.createElement(l.Form.Label,null,R("public")," / ",R("private")),i.createElement(o.Controller,{control:Ee,name:"visible",rules:{validate:function(e){return"boolean"==typeof e||R("Validation:fieldRequired",{attribute:R("visible")})}},render:function(e){var t=e.field,r=e.fieldState,n=r.invalid,o=r.error,a=String(t.value);return i.createElement(i.Fragment,null,i.createElement(l.Form.Control,{as:"select",onChange:function(e){var r=e.target.value;t.onChange(r?"true"===r:r)},isInvalid:n,defaultValue:"",value:a,disabled:k},i.createElement("option",{value:""},R("Design:pleaseChooseOne")),i.createElement("option",{value:"false"},R("Design:private")),i.createElement("option",{value:"true"},R("Design:public"))),i.createElement(l.Form.Control.Feedback,{type:"invalid"},null==o?void 0:o.message))}})),"boolean"!=typeof fe||fe?null:i.createElement(l.Form.Group,{controlId:H},i.createElement(l.Form.Label,null,R("Design:integrationUrl")),i.createElement(l.Form.Control,t.__assign({},ae("integrationUrl",{required:R("Validation:fieldRequired",{attribute:R("Design:integrationUrl")}),validate:function(e){return De(e,R("Design:integrationUrl"))}}),{name:"integrationUrl",isInvalid:Boolean(de.integrationUrl),placeholder:R("Design:integrationUrl"),disabled:k})),i.createElement(l.Form.Control.Feedback,{type:"invalid"},null===(y=de.integrationUrl)||void 0===y?void 0:y.message)),i.createElement(E.SelectEventProductSet,{productSets:T||[],createProductSet:V,setEditProductSetId:Y,setShowEditProductSet:$,showEditProductSet:Z}),w&&!Z&&i.createElement(l.Button,{disabled:k||se.isSubmitting||qe||Ae,className:"save-event",type:"submit"},se.isSubmitting?"".concat(R("saveAndAdd"),"..."):R("saveAndAdd")))))};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BookingSummaryProps } from "./types";
|
|
3
3
|
export declare const BookingSummary: {
|
|
4
|
-
({ date, menuSteps, formValues, isNotShownPeopleAmount, eventName, transactionFee, productsWithErrors, isLoading, hasPeopleInput,
|
|
4
|
+
({ date, menuSteps, formValues, isNotShownPeopleAmount, eventName, transactionFee, productsWithErrors, isLoading, hasPeopleInput, }: Omit<BookingSummaryProps, "totallWithDiscount">): JSX.Element;
|
|
5
5
|
SummaryTotal: ({ formValues, totalWithDiscount, transactionFee, isFreePayment, }: Pick<BookingSummaryProps, "formValues" | "totalWithDiscount" | "transactionFee" | "isFreePayment">) => JSX.Element;
|
|
6
6
|
Accordion: ({ children, title, showTitleOnlyOnMobile, hasPeopleInput, }: import("./components/BookingSummaryAccordion").BookingSummaryAccordionProps) => JSX.Element;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"BookingSummary.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/order-process/components/BookingSummary/BookingSummary.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,eAAO,MAAM,cAAc;yIAUxB,KAAK,mBAAmB,EAAE,oBAAoB,CAAC;;;CAgFjD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),a=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@licklist/core/dist/Config"),m=require("../../../../static/loader/LoaderIndicator.js"),c=require("react-i18next");require("../../../../static/index.js");var o=require("react-intl");require("./components/SummaryTotal/components/SummaryTotalBlock.js");var s=require("./components/ProductsByMenuStep/ProductsByMenuStep.js"),l=require("./utils/index.js"),i=require("./components/SummaryTotal/SummaryTotal.js"),u=require("./components/BookingSummaryAccordion/BookingSummaryAccordion.js"),d=function(e){var i=e.date,d=e.menuSteps,p=e.formValues,y=e.isNotShownPeopleAmount,E=e.eventName,f=e.transactionFee,v=void 0===f?0:f,N=e.productsWithErrors,S=e.isLoading,g=e.hasPeopleInput,q=c.useTranslation("Design").t,j=o.useIntl().formatNumber,k=t.__read(r.useMemo((function(){var e=l.sanitizeFormValues(p),r=e.numberOfPeople,a=t.__rest(e,["numberOfPeople"]);return[r,Object.keys(a).map((function(e){return a[e]})).filter((function(e){return 0!==e.quantity}))]}),[p]),2),b=k[0],B=void 0===b?0:b,P=k[1];return S?a.createElement("div",{className:"payment-booking-summary"},a.createElement(m.LoaderIndicator,{isLoaded:!1})):a.createElement("div",{className:"payment-booking-summary"},a.createElement(u.BookingSummaryAccordion,{hasPeopleInput:g},a.createElement("div",{className:"event-info"},a.createElement("p",{className:"m-0 title event-name"},E),a.createElement("p",{className:"m-0"},i)),a.createElement("hr",null),P.length>0?a.createElement("div",null,a.createElement("div",{className:"cart-items"},d.map((function(e){return a.createElement(s.ProductsByMenuStep,{key:e.id,orderProducts:P,step:e,productsWithErrors:N})})),!y&&B>0&&a.createElement(a.Fragment,null,a.createElement("hr",null),a.createElement("div",{className:"d-flex justify-content-between mt-3"},a.createElement("p",{className:"m-0"},q("people"),":"),a.createElement("p",{className:"price"},B))),!!v&&a.createElement(a.Fragment,null,a.createElement("hr",null),a.createElement("div",{className:"d-flex justify-content-between mt-3"},a.createElement("p",{className:"m-0"},q("transactionFee"),":"),a.createElement("p",{className:"price"},j(v,{style:"currency",currency:n.Currency.GBP})))))):a.createElement("div",{className:"cart-items"},a.createElement("p",{className:"empty-cart"},q("emptyBasket")))))};d.SummaryTotal=i.SummaryTotal,d.Accordion=u.BookingSummaryAccordion,exports.BookingSummary=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SummaryTotal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SummaryTotal.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,eAAO,MAAM,YAAY,sEAKtB,KACD,mBAAmB,EACnB,YAAY,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,eAAe,CACxE,gBAmCA,CAAC"}
|
package/dist/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),n=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),u=require("./components/SummaryTotalBlock.js"),o=require("../../utils/index.js");exports.SummaryTotal=function(e){var l=e.formValues,i=e.totalWithDiscount,s=e.transactionFee,c=void 0===s?0:s,m=e.isFreePayment,f=void 0!==m&&m,d=a.useTranslation("Design").t,y=t.__read(r.useMemo((function(){var e=o.sanitizeFormValues(l),r=e.numberOfPeople,n=t.__rest(e,["numberOfPeople"]);return[r,Object.keys(n).map((function(e){return n[e]})).filter((function(e){return 0!==e.quantity}))]}),[l]),2),b=y[1],p=f?0:o.cartSumByOrderProducts(b)+c;return b.length?n.createElement("div",{className:"d-flex flex-column justify-content-between"},n.createElement(u.SummaryTotalBlock,{label:d("total"),amount:p}),!!i&&!f&&n.createElement(u.SummaryTotalBlock,{label:d("totalWithDiscount"),amount:i+c})):null};
|
|
@@ -6,7 +6,7 @@ export declare type BookingSummaryProps = {
|
|
|
6
6
|
date: string;
|
|
7
7
|
menuSteps: MenuStep[];
|
|
8
8
|
formValues: {
|
|
9
|
-
[key: string]: Order;
|
|
9
|
+
[key: string]: Order | number;
|
|
10
10
|
};
|
|
11
11
|
totalWithDiscount?: number;
|
|
12
12
|
isNotShownPeopleAmount?: boolean;
|
|
@@ -16,6 +16,5 @@ export declare type BookingSummaryProps = {
|
|
|
16
16
|
isFreePayment?: boolean;
|
|
17
17
|
productsWithErrors?: ProductQuantityCheckResponse["products"];
|
|
18
18
|
isLoading?: boolean;
|
|
19
|
-
peopleAmount: number;
|
|
20
19
|
};
|
|
21
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAE/C,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAE/C,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE;QACV,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAC/B,CAAC;IACF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import { Order } from "../../../../../types";
|
|
2
|
+
import { BookingSummaryProps } from "../types";
|
|
3
|
+
export declare const sanitizeFormValues: (formValues: BookingSummaryProps["formValues"]) => {
|
|
4
|
+
[key: string]: number | Order;
|
|
5
|
+
};
|
|
2
6
|
export declare const cartSumByOrderProducts: (orderProducts: Order[]) => number;
|
|
3
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/BookingSummary/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,kBAAkB,eACjB,mBAAmB,CAAC,YAAY,CAAC;;CAiB5C,CAAC;AAEJ,eAAO,MAAM,sBAAsB,kBAAmB,KAAK,EAAE,WAKtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.cartSumByOrderProducts=function(e){return e.reduce((function(e,r){return e+((null==r?void 0:r.deposit)||(null==r?void 0:r.price))*r.quantity}),0)};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");exports.cartSumByOrderProducts=function(e){return e.reduce((function(e,r){return e+((null==r?void 0:r.deposit)||(null==r?void 0:r.price))*r.quantity}),0)},exports.sanitizeFormValues=function(r){return Object.keys(r).reduce((function(t,u){var n,i=r[u];return i?e.__assign(e.__assign({},t),((n={})[u]=i,n)):t}),{})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,
|
|
1
|
+
{"version":3,"file":"PaymentPage.d.ts","sourceRoot":"","sources":["../../../../src/iframe/payment/payment-page/PaymentPage.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAI/F,OAAO,EAEL,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,oBAAoB;IACjD,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;IACrE,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,kIAQrB,YAAY,gBAqHd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),m=require("react-i18next"),s=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var i=require("../../page/components/PageHeader/PageHeader.js"),l=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),c=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),u=require("../../ryft/RyftPaymentForm.js"),d=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var p=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var g=require("./PaymentTimer.js"),f=require("../../page/Page.js");exports.PaymentPage=function(e){var B=e.onCloseIframePayment,P=e.onFailIframePayment,k=e.data,E=e.isLoading,S=e.bookingSummaryProps,q=e.paymentMetadata,j=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),v=m.useTranslation("Design").t,x=r.useLocation().search,C=o.useContext(l.PaymentSessionContext).isPaymentSessionExpired,b=Boolean(new URLSearchParams(x).get("isIframePayment")),w=function(){window.close()};return o.useEffect((function(){b&&B&&window.addEventListener("beforeunload",(function(){B()}))}),[]),o.useEffect((function(){C&&b&&P&&P()}),[C]),E?a.createElement(n.LoaderIndicator,{isLoaded:!1}):null===k?a.createElement(f.Page,null,a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},a.createElement("h6",null,v("linkNotActiveOrExpired")),a.createElement(s.Col,{xs:12,md:3},a.createElement(s.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},v("backToSite")))))})):a.createElement(f.Page,{className:"payment_link",headerBlock:a.createElement(i.PageHeader,{showBackButton:b,onBackButtonClick:b?w:void 0,showCloseButton:b,onCloseButtonClick:b?w:void 0},a.createElement(g.PaymentTimer,null),a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},v("paymentDetails")))},a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement(u.RyftPaymentForm,t.__assign({},j))),rightBlock:a.createElement(y.PageBody.RightBlock,{bottomBlock:a.createElement(p.BookingSummaryFooter,{showButton:!1},a.createElement("div",{className:"d-flex flex-column justify-content-between"},q&&a.createElement(a.Fragment,null,a.createElement(c.SummaryTotalBlock,{label:v("total"),amount:q.total||0}),a.createElement(c.SummaryTotalBlock,{label:v("paidSum"),amount:q.paid||0})),a.createElement(c.SummaryTotalBlock,{label:v(q?"remaining":"total"),amount:(null==k?void 0:k.amount)||0})))},a.createElement("h6",null,v("paymentDetails")),a.createElement(d.BookingSummary,t.__assign({},S)))}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),o=require("react"),a=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-router-dom"),n=require("../../../static/loader/LoaderIndicator.js"),m=require("react-i18next"),s=require("react-bootstrap");require("../../../static/index.js"),require("../../order-process/components/NavigationFooter/NavigationFooter.js");var i=require("../../page/components/PageHeader/PageHeader.js"),l=require("@licklist/plugins/dist/context/payment/PaymentSessionContext"),c=require("../../order-process/components/BookingSummary/components/SummaryTotal/components/SummaryTotalBlock.js"),u=require("../../ryft/RyftPaymentForm.js"),d=require("../../order-process/components/BookingSummary/BookingSummary.js");require("../../order-process/components/NavigationSteps/NavigationSteps.js"),require("../../order-process/components/StepsForm/StepsForm.js"),require("../../order-process/components/Timer/Timer.js"),require("../../order-process/components/PaymentCard/PaymentCard.js");var p=require("../../order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../page/components/PageBody/PageBody.js");require("../../order-process/components/CalendarStepsForm/CalendarStepsForm.js");var g=require("./PaymentTimer.js"),f=require("../../page/Page.js");exports.PaymentPage=function(e){var B=e.onCloseIframePayment,P=e.onFailIframePayment,k=e.data,E=e.isLoading,S=e.bookingSummaryProps,q=e.paymentMetadata,j=t.__rest(e,["onCloseIframePayment","onFailIframePayment","data","isLoading","bookingSummaryProps","paymentMetadata"]),v=m.useTranslation("Design").t,x=r.useLocation().search,C=o.useContext(l.PaymentSessionContext).isPaymentSessionExpired,b=Boolean(new URLSearchParams(x).get("isIframePayment")),w=function(){window.close()};return o.useEffect((function(){b&&B&&window.addEventListener("beforeunload",(function(){B()}))}),[]),o.useEffect((function(){C&&b&&P&&P()}),[C]),E?a.createElement(n.LoaderIndicator,{isLoaded:!1}):null===k?a.createElement(f.Page,null,a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement("div",{className:"d-flex h-100 w-100 justify-content-center align-items-center flex-column"},a.createElement("h6",null,v("linkNotActiveOrExpired")),a.createElement(s.Col,{xs:12,md:3},a.createElement(s.Button,{className:"mt-5 w-20",onClick:function(){window.location.href="https://booked.it/"}},v("backToSite")))))})):a.createElement(f.Page,{className:"payment_link",headerBlock:a.createElement(i.PageHeader,{showBackButton:b,onBackButtonClick:b?w:void 0,showCloseButton:b,onCloseButtonClick:b?w:void 0},b&&a.createElement(g.PaymentTimer,null),a.createElement("div",{className:"d-flex align-items-center justify-content-center w-100"},v("paymentDetails")))},a.createElement(y.PageBody,{leftBlock:a.createElement(y.PageBody.LeftBlock,null,a.createElement(u.RyftPaymentForm,t.__assign({},j))),rightBlock:a.createElement(y.PageBody.RightBlock,{bottomBlock:a.createElement(p.BookingSummaryFooter,{showButton:!1},a.createElement("div",{className:"d-flex flex-column justify-content-between"},q&&a.createElement(a.Fragment,null,a.createElement(c.SummaryTotalBlock,{label:v("total"),amount:q.total||0}),a.createElement(c.SummaryTotalBlock,{label:v("paidSum"),amount:q.paid||0})),a.createElement(c.SummaryTotalBlock,{label:v(q?"remaining":"total"),amount:(null==k?void 0:k.amount)||0})))},a.createElement("h6",null,v("paymentDetails")),a.createElement(d.BookingSummary,t.__assign({},S)))}))};
|
|
@@ -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"),a=e(r),n=require("react-router-dom"),i=require("../../static/loader/BlockLoader.js"),o=require("react-i18next"),u=e(require("react-bootstrap/Button")),s=require("react-hook-form"),c=e(require("react-bootstrap/Form")),l=require("../../static/loader/ButtonLoader.js"),d=e(require("react-bootstrap/Alert"));require("../../static/index.js");var f=require("@licklist/plugins/dist/hooks/Ryft/useRyftPayment"),m={insufficient_funds:"insufficientFunds",declined_do_not_honour:"declinedDoNotHonour",invalid_card_number:"invalidCardNumber",restricted_card:"restrictedCard",security_violation:"securityViolation",expired_card:"expiredCard",gateway_reject:"gatewayReject",bad_track_data:"badTrackData","3ds_authentication_failure":"3dsAuthenticationFailure",unknown_error:"unknownError"};exports.RyftPaymentForm=function(e){var y=e.accountId,_=e.isCreateLoading,E=e.initRyft,v=e.resetReferrer,p=e.onSubmit,b=o.useTranslation(["Design","Validation","Ryft"]).t,g=n.useHistory(),R=t.__read(r.useState(!1),2),h=R[0],q=R[1],k=t.__read(r.useState(!1),2),w=k[0],S=k[1],T=t.__read(r.useState(!1),2),F=T[0],N=T[1],A=t.__read(r.useState(void 0),2),
|
|
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"),a=e(r),n=require("react-router-dom"),i=require("../../static/loader/BlockLoader.js"),o=require("react-i18next"),u=e(require("react-bootstrap/Button")),s=require("react-hook-form"),c=e(require("react-bootstrap/Form")),l=require("../../static/loader/ButtonLoader.js"),d=e(require("react-bootstrap/Alert"));require("../../static/index.js");var f=require("@licklist/plugins/dist/hooks/Ryft/useRyftPayment"),m={insufficient_funds:"insufficientFunds",declined_do_not_honour:"declinedDoNotHonour",invalid_card_number:"invalidCardNumber",restricted_card:"restrictedCard",security_violation:"securityViolation",expired_card:"expiredCard",gateway_reject:"gatewayReject",bad_track_data:"badTrackData","3ds_authentication_failure":"3dsAuthenticationFailure",unknown_error:"unknownError"};exports.RyftPaymentForm=function(e){var y=e.accountId,_=e.isCreateLoading,E=e.initRyft,v=e.resetReferrer,p=e.onSubmit,b=o.useTranslation(["Design","Validation","Ryft"]).t,g=n.useHistory(),R=t.__read(r.useState(!1),2),h=R[0],q=R[1],k=t.__read(r.useState(!1),2),w=k[0],S=k[1],T=t.__read(r.useState(!1),2),F=T[0],N=T[1],A=t.__read(r.useState(void 0),2),x=A[0],P=A[1],D=f.useRyftPayment().addEventHandler,C=s.useForm(),j=function(){v&&v()},L=function(e){(null==e?void 0:e.id)&&(null==e?void 0:e.returnUrl)&&(window.location.href="".concat(e.returnUrl,"&ps=").concat(e.id),j())};return r.useEffect((function(){y.data&&!y.isError&&E((function(){D("cardValidationChanged",(function(e){q(e.isValid)})),N(!1)}),(function(){return N(!0)}))}),[y.data]),y.isLoading||y.isFetching||_?a.createElement("div",{className:"mt-5 pt-5"},a.createElement(i.BlockLoader,null)):y.isError?a.createElement("div",{className:"mt-5 ryft-init-failure"},a.createElement(d,{key:"danger",variant:"danger"},a.createElement("h5",null,b("Ryft:errorMessage")),b("Ryft:noPaymentProviderFound"))):F?a.createElement("div",{className:"mt-5 ryft-init-failure"},a.createElement(d,{key:"danger",variant:"danger"},a.createElement("h5",null,b("Ryft:errorMessage")),b("Ryft:initFailureMessage"),a.createElement("div",{className:"flex flex-column align-items-center mt-4"},a.createElement(u,{variant:"primary",onClick:function(){g.go(0)}},b("Ryft:refresh"))))):a.createElement(a.Fragment,null,a.createElement(c.Label,null,b("Design:paymentDetails")),a.createElement("form",{id:"ryft-pay-form",noValidate:!0,onSubmit:C.handleSubmit((function(){return t.__awaiter(void 0,void 0,void 0,(function(){var e,r,a;return t.__generator(this,(function(t){switch(t.label){case 0:S(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,p()];case 2:if((e=t.sent())||P("unknown_error"),"requiredAction"in e){if(e.status!==f.RYFT_STATUS_PENDING_ACTION||!(null===(a=e.requiredAction)||void 0===a?void 0:a.url))return L(e),[2];window.location.href=e.requiredAction.url,j()}return e.status===f.RYFT_STATUS_APPROVED||e.status===f.RYFT_STATUS_CAPTURED?(L(e),[2]):(e.lastError&&(P(e.lastError),j()),[3,5]);case 3:return r=t.sent(),P(r),[3,5];case 4:return S(!1),[7];case 5:return[2]}}))}))})),className:"ryft-payment-form"},a.createElement("div",{className:"submit-button-wrapper mt-3 px-1"},a.createElement(u,{type:"submit",disabled:w||!h},w&&a.createElement(l.ButtonLoader,null),b("Design:buyNow"))),x&&a.createElement("div",{id:"ryft-payment-error"},b("".concat(m[x])))))},exports.ryftErrorMap=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":";AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AA4BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,GACV,EAAE,6BAA6B,
|
|
1
|
+
{"version":3,"file":"ProductCategoriesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/form/ProductCategoriesControl.tsx"],"names":[],"mappings":";AAYA,OAAO,EAKL,YAAY,EACb,MAAM,kEAAkE,CAAC;AAQ1E,OAAO,EAAwB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQvE,UAAU,6BAA8B,SAAQ,aAAa;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AA4BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,SAAS,GACV,EAAE,6BAA6B,eAqR/B;AAED,eAAO,MAAM,cAAc,iBACX,YAAY,SACnB,MAAM;WACH,MAAM;eAAa,MAAM;CAcpC,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"),n=e(r),o=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),d=e(require("clsx")),l=require("@dnd-kit/core"),s=require("lodash"),c=require("../../sortable-tree/SortableTreeItem.js"),m=require("../../sortable-tree/SortableTree.js"),p=require("../item/CreateProductSetItem.js"),
|
|
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"),n=e(r),o=require("react-i18next"),i=require("react-bootstrap"),a=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),d=e(require("clsx")),l=require("@dnd-kit/core"),s=require("lodash"),c=require("../../sortable-tree/SortableTreeItem.js"),m=require("../../sortable-tree/SortableTree.js"),p=require("../item/CreateProductSetItem.js"),v=require("./context.js"),g=require("@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper"),f=require("../product-category/ProductCategoryControl.js"),y=require("./ProductsControl.js"),C=require("./SelectCategoryModal.js"),E=require("./VenueMapSetModal.js"),b=require("../utils/index.js");var I=function(e,t){return e===g.CATEGORY_TYPE_GAME?{className:"game-badge",label:t}:e===g.CATEGORY_TYPE_FIXED_DURATION?{className:"fixed-duration-badge",label:t}:null};exports.ProductCategoriesControl=function(e){var _,S,q,T,x,P,N=e.isLoading,M=e.stepIndex,A=o.useTranslation("Design").t,h=r.useContext(v.ProductSetLoadingContext),k=h.providerHasMap,j=h.expandedProductCategories,D=h.setExpandedProductCategories,R=a.useFormContext(),V=t.__read(r.useState(!1),2),Y=V[0],F=V[1],O=t.__read(r.useState(!1),2),B=O[0],L=O[1],w=t.__read(r.useState(!1),2),G=w[0],H=w[1],Q=R.control,U=R.formState.errors,K=R.clearErrors,z=R.watch,W=R.trigger,X=R.getValues,J=R.setValue,Z=z("steps.".concat(M,".hasMap"))||!1,$="steps.".concat(M,".productCategories"),ee=a.useFieldArray({name:$,control:Q,keyName:"_id"}),te=ee.fields,re=ee.append,ne=ee.remove,oe=t.__read(r.useState([]),2),ie=oe[0],ae=oe[1],ue=a.useWatch({control:Q,name:$}),de=null===(S=null===(_=null==U?void 0:U.steps)||void 0===_?void 0:_[M])||void 0===S?void 0:S.productCategories,le=null===(T=null===(q=null==U?void 0:U.steps)||void 0===q?void 0:q[M])||void 0===T?void 0:T.venueMapSetId,se=null===(P=null===(x=null==U?void 0:U.steps)||void 0===x?void 0:x[M])||void 0===P?void 0:P.pointProducts,ce=Boolean(le||se),me=l.useSensor(l.MouseSensor,{activationConstraint:{distance:10}});return r.useEffect((function(){ue&&ue.length&&ue.forEach((function(e){var t,r,n,o=null===(r=e.products)||void 0===r?void 0:r.reduce((function(e,t){return e+Number(t.price)*Number(t.totalQuantity)}),0),i=null===(n=e.products)||void 0===n?void 0:n.reduce((function(e,t){return e+Number(t.totalQuantity)}),0);ae(((t={})[(null==e?void 0:e.id)||e.uniqueId]={price:o,quantity:i},t))}))}),[ue]),r.useEffect((function(){1===te.length&&D((function(e){var r,n,o;return t.__assign(t.__assign({},e),((r={})[String((null===(n=te[0])||void 0===n?void 0:n.id)||(null===(o=te[0])||void 0===o?void 0:o.uniqueId))]=!0,r))}))}),[te]),n.createElement(n.Fragment,null,n.createElement(m.SortableTree,{sensors:[me],items:te.map((function(e){return String(e._id)})),onDragEnd:function(e){var t=e.active,r=e.over;if(t&&r&&(null==t?void 0:t.id)&&(null==r?void 0:r.id)){var n=te.findIndex((function(e){return e._id===t.id})),o=te.findIndex((function(e){return e._id===r.id}));if(n!==o){var i=X($);if(i){var a=b.sortArrayByIndex(b.moveArrayElements(i,n,o));J($,a)}}}}},te.map((function(e,r){var o=(null==e?void 0:e.id)?String(e.id):e.uniqueId,u=function(){!function(e){D((function(r){var n;return t.__assign(t.__assign({},r),((n={})[e]=!r[e],n))}))}(o)};return n.createElement(a.Controller,{key:"product-category-".concat(e._id),name:"".concat($,".").concat(r,".name"),control:Q,rules:{required:A("Validation:fieldRequired",{attribute:A("name")})},render:function(t){var a,d,l,s=t.field,p=s.value,v=s.onChange;return n.createElement(m.SortableTree.Item,{id:e._id,title:p,isExpanded:j[o],setIsExpanded:u,isInvalid:!!de,badge:n.createElement(i.Badge,{className:"category-badge"},A("productCategory")),isIconInHeader:!1,subTitle:n.createElement("div",{className:"product-set-badges-container"},n.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-category-dot"}),n.createElement("span",null,null!==(l=null===(d=ie[null!==(a=null==e?void 0:e.id)&&void 0!==a?a:e.uniqueId])||void 0===d?void 0:d.quantity)&&void 0!==l?l:"N/A"," ",A("products"))),treeLineIconColor:"#1A93AA",modalLabel:A("addNewCategory"),secondaryBadge:I(e.type,A(e.type)),modalClass:c.ProductSetModalClasses.category,isNewAdded:G,body:n.createElement(f.ProductCategoryControl,{isLoading:N,onCategoryNameChange:v,categoryName:p,stepIndex:M,productCategoryIndex:r}),onDelete:function(){return ne(r)},validate:function(){return W("steps.".concat(M,".productCategories.").concat(r))},sortableItems:e.products?e.products.filter((function(e){return e.id})).map((function(e){var t=e.id;return String(t)})):[]},n.createElement(y.ProductsControl,{isLoading:N,quantityType:e.quantityType,hasTicket:null==e?void 0:e.hasTicket,stepIndex:M,productCategoryIndex:r,categoryType:e.type}))}})}))),n.createElement(p.CreateProductSetItem,{title:A("addCategory"),onClick:function(){F(!0)}}),n.createElement(C.SelectCategoryModal,{isVisible:Y,onHide:function(){return F(!1)},onCategorySelect:function(e){re(function(e,t){return{id:null,uniqueId:s.uniqueId("product-category"),name:"",minSubItems:null,maxSubItems:null,quantityType:g.QUANTITY_TYPE_STANDARD,type:e,isRelyOnPeople:e===g.CATEGORY_TYPE_TICKETS,isTimeRelated:!1,collectUserInfo:!1,hasTicket:e===g.CATEGORY_TYPE_TICKETS,allowDeposits:!1,remainderExpireAfter:void 0,hasBookingManagement:!1,weight:0,isReusable:!1,hasSubEvents:!1,products:[],zoneId:null,sort:t}}(e,te.length)),H(!0),(null==de?void 0:de.type)===u.manualErrorType&&K($)}}),k&&Z&&n.createElement(n.Fragment,null,n.createElement(p.CreateProductSetItem,{title:A("editMap"),onClick:function(){L(!0)},className:d("mt-3",ce&&"mb-3",ce&&"is-invalid")}),ce&&n.createElement("div",{className:"manual-form-error"},le&&A("Validation:fieldRequired",{attribute:A("Design:venueMapSet")}),se&&A("Validation:fieldMinNumber",{attribute:A("pointProduct"),min:1})),n.createElement(E.VenueMapSetModal,{isVisible:B,setIsVisible:L,stepIndex:M})),n.createElement("div",{className:"manual-form-error"},de&&de.message))},exports.getBadgeConfig=I;
|
|
@@ -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"),a=e(r),o=require("react-i18next"),
|
|
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"),a=e(r),o=require("react-i18next"),s=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js"),d=e(require("react-bootstrap/Badge")),u=require("../item/CreateProductSetItem.js"),c=require("../step/StepControl.js"),p=require("./ProductCategoriesControl.js");exports.StepsControl=function(e){var m=e.isLoading,g=s.useFormContext(),v=o.useTranslation("Design").t,C=t.__read(r.useState(!1),2),b=C[0],f=C[1],S=g.control,E=g.formState,q=E.errors,I=E.isSubmitting,N=g.clearErrors,y=g.getValues,h=s.useFieldArray({name:"steps",control:S,keyName:"_id"}),j=h.fields,x=h.append,_=h.remove;r.useEffect((function(){I&&f(!I)}),[I]);var k=1===j.length;return a.createElement(a.Fragment,null,j.map((function(e,t){var r=y("steps.".concat(t));return a.createElement(s.Controller,{key:"step-".concat(e._id),name:"steps.".concat(t,".name"),control:S,rules:{required:v("Validation:fieldRequired",{attribute:v("name")})},render:function(o){var s,n,u=o.field,g=u.value,C=u.onChange;return a.createElement(l.SortableTree.Item,{id:e._id,title:g,badge:a.createElement(d,{className:"step-badge"},v("step")),isExpanded:k,isInvalid:!!(null===(s=q.steps)||void 0===s?void 0:s[t]),isIconInHeader:!1,modalLabel:v("addNewStep"),modalClass:i.ProductSetModalClasses.step,isNewAdded:b,subTitle:a.createElement("div",{className:"product-set-badges-container"},a.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-step-dot"}),a.createElement("span",null,null===(n=r.productCategories)||void 0===n?void 0:n.length," ",v("categories"))),treeLineIconColor:"#D52902",body:a.createElement(c.StepControl,{isLoading:m,stepIndex:t,stepName:g,onStepNameChange:C}),onDelete:function(){return _(t)},sortableItems:e.productCategories?e.productCategories.map((function(e){var t=e.id;return String(t)})):[]},a.createElement(p.ProductCategoriesControl,{isLoading:m,stepIndex:t}))}})})),a.createElement(u.CreateProductSetItem,{title:v("addStep"),onClick:function(){var e;x({id:null,name:"",productCategories:[],weight:0,hasMap:!1,venueMapSetId:null}),f(!0),(null===(e=q.steps)||void 0===e?void 0:e.type)===n.manualErrorType&&N("steps")}}),a.createElement("div",{className:"manual-form-error"},q.steps&&q.steps.message))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,UAAU,wCAIpB,eAAe,
|
|
1
|
+
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/select-menu/SelectMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAItF,oBAAY,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,UAAU,wCAIpB,eAAe,gBAwCjB,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;require("../../../static/loader/LoaderIndicator.js");var a=require("../../../static/loader/BlockLoader.js"),n=require("react-i18next"),l=require("react-bootstrap");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var o=require("./components/MenuButton.js");exports.SelectMenu=function(e){var t=e.isLoading,u=void 0!==t&&t,s=e.menus,c=e.onSelectMenu,i=n.useTranslation(["App","Sale"]).t;return u?r.createElement("div",null,r.createElement("div",{className:"loader-container"},r.createElement(a.BlockLoader,null))):r.createElement("div",null,s&&s.length||u?r.createElement(r.Fragment,null,!u&&r.createElement(l.Form.Label,{className:"bold-text"},i("App:menus")),r.createElement("div",{className:"menu-list-manual-booking"},null==s?void 0:s.map((function(e){return r.createElement(o.MenuButton,{key:e.id,menu:e,onSelectMenu:c})})))):r.createElement("div",{className:"no-results-content"},r.createElement("span",{className:"no-results-found"},i("App:
|
|
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;require("../../../static/loader/LoaderIndicator.js");var a=require("../../../static/loader/BlockLoader.js"),n=require("react-i18next"),l=require("react-bootstrap");require("../../../static/loader/ButtonLoader.js"),require("../../../static/loader/SnippetLoader.js"),require("../../../static/loader/PaymentLoader.js");var o=require("./components/MenuButton.js");exports.SelectMenu=function(e){var t=e.isLoading,u=void 0!==t&&t,s=e.menus,c=e.onSelectMenu,i=n.useTranslation(["App","Sale"]).t;return u?r.createElement("div",null,r.createElement("div",{className:"loader-container"},r.createElement(a.BlockLoader,null))):r.createElement("div",null,s&&s.length||u?r.createElement(r.Fragment,null,!u&&r.createElement(l.Form.Label,{className:"bold-text"},i("App:menus")),r.createElement("div",{className:"menu-list-manual-booking"},null==s?void 0:s.map((function(e){return r.createElement(o.MenuButton,{key:e.id,menu:e,onSelectMenu:c})})))):r.createElement("div",{className:"no-results-content"},r.createElement("span",{className:"no-results-found"},i("App:noResultsFound"))))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteForm.d.ts","sourceRoot":"","sources":["../../../../src/sales/notes/note-form/NoteForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAE3E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpB,CAAC;CACH,CAAC;AAIF,eAAO,MAAM,QAAQ,0CAIlB,aAAa,
|
|
1
|
+
{"version":3,"file":"NoteForm.d.ts","sourceRoot":"","sources":["../../../../src/sales/notes/note-form/NoteForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAE3E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpB,CAAC;CACH,CAAC;AAIF,eAAO,MAAM,QAAQ,0CAIlB,aAAa,gBAwCf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),l=require("react-hook-form");exports.NoteForm=function(e){var r
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),l=require("react-hook-form");exports.NoteForm=function(e){var r=e.onSubmit,s=e.onClose,u=e.defaultValues,m=void 0===u?{note:""}:u,i=l.useForm({mode:"onChange",defaultValues:m}),c=i.register,d=i.handleSubmit,f=a.useTranslation("Design").t;return o.createElement("form",{className:"mt-1 notes-form",onSubmit:d((function(e){var t=e.note;return r(t)}))},o.createElement(n.Form.Group,{controlId:"exampleForm.ControlTextarea1"},o.createElement(n.Form.Label,null,f(m.note?"editNote":"addANote")),o.createElement(n.Form.Control,t.__assign({as:"textarea",rows:5,placeholder:f("writeYourNoteHere")},c("note")))),o.createElement("footer",{className:"d-flex"},o.createElement(n.Button,{type:"submit"},f("save")),o.createElement(n.Button,{type:"submit",variant:"outline-secondary",className:"ml-auto",onClick:s},f("close")),o.createElement(n.Button,{type:"reset",variant:"danger",className:"ml-2"},f("delete"))))};
|
|
@@ -91,9 +91,11 @@
|
|
|
91
91
|
|
|
92
92
|
&__select-product {
|
|
93
93
|
width: 10.5rem !important;
|
|
94
|
+
margin-top: 1rem;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
&__unselect-product {
|
|
98
|
+
margin-top: 1rem;
|
|
97
99
|
width: 10.5rem !important;
|
|
98
100
|
background-color: $snippet-elements-button-color !important;
|
|
99
101
|
color: $snippet-elements-button-background-color !important;
|
package/package.json
CHANGED
|
@@ -1082,7 +1082,6 @@ export const Default: Story<EditEventFormProps> = (args) => {
|
|
|
1082
1082
|
<EventEditProductSetContext.Provider value={contextValue}>
|
|
1083
1083
|
<EditEventForm
|
|
1084
1084
|
{...args}
|
|
1085
|
-
isExternalPaymentLinkEnabled
|
|
1086
1085
|
title="Create new event"
|
|
1087
1086
|
categories={categories}
|
|
1088
1087
|
setEditProductSetId={setEditProductSetId}
|
|
@@ -308,12 +308,11 @@ export const EditEventForm = ({
|
|
|
308
308
|
<Form.Label>{t("externalPaymentLink")}</Form.Label>
|
|
309
309
|
<Form.Control
|
|
310
310
|
{...register("externalPaymentLink", {
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
},
|
|
311
|
+
required: t("Validation:fieldRequired", {
|
|
312
|
+
attribute: t("Design:externalPaymentLink"),
|
|
313
|
+
}) as string,
|
|
314
|
+
validate: (url) =>
|
|
315
|
+
validateURL(url, t("Design:externalPaymentLink")),
|
|
317
316
|
})}
|
|
318
317
|
name="externalPaymentLink"
|
|
319
318
|
type="url"
|
|
@@ -15,6 +15,7 @@ import { StepsForm } from "./components/StepsForm";
|
|
|
15
15
|
import { Page, PageBody, PageHeader } from "../page";
|
|
16
16
|
import { StepsFormRef } from "./components/StepsForm/StepsForm";
|
|
17
17
|
import { BookingSummaryFooter } from "./components/BookingSummaryFooter";
|
|
18
|
+
import { sanitizeFormValues } from "./components/BookingSummary/utils";
|
|
18
19
|
import { Order } from "../../types";
|
|
19
20
|
// eslint-disable-next-line max-len
|
|
20
21
|
import { RenderNumberOfPeopleInputComponent } from "../event/event-details/components/number-of-people-input/component/RenderNumberOfPeopleInputComponent";
|
|
@@ -266,7 +267,10 @@ export function Default() {
|
|
|
266
267
|
};
|
|
267
268
|
|
|
268
269
|
const shouldShowPeopleInput = useMemo(() => {
|
|
269
|
-
const
|
|
270
|
+
const { numberOfPeople, ...orderProducts } =
|
|
271
|
+
sanitizeFormValues(formValues);
|
|
272
|
+
|
|
273
|
+
const values = Object.values(orderProducts).filter(
|
|
270
274
|
Boolean
|
|
271
275
|
) as Order[];
|
|
272
276
|
const filteredValues = values.filter(
|
|
@@ -343,7 +347,6 @@ export function Default() {
|
|
|
343
347
|
date="29 Sept 2022 at 09:00"
|
|
344
348
|
menuSteps={menuSteps as any}
|
|
345
349
|
formValues={formValues}
|
|
346
|
-
peopleAmount={peopleAmount}
|
|
347
350
|
totalWithDiscount={5}
|
|
348
351
|
eventName="Glam!"
|
|
349
352
|
/>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useState } from "react";
|
|
2
2
|
import { Meta } from "@storybook/react";
|
|
3
3
|
import { BookingSummary } from "./BookingSummary";
|
|
4
4
|
|
|
@@ -139,7 +139,6 @@ export function Default() {
|
|
|
139
139
|
<BookingSummary
|
|
140
140
|
date="29 Sept 2022 at 09:00"
|
|
141
141
|
menuSteps={menuSteps as any}
|
|
142
|
-
peopleAmount={5}
|
|
143
142
|
formValues={{
|
|
144
143
|
"3": {
|
|
145
144
|
id: 3,
|
|
@@ -162,6 +161,7 @@ export function Default() {
|
|
|
162
161
|
price: 1,
|
|
163
162
|
productsCategoryId: 1,
|
|
164
163
|
},
|
|
164
|
+
numberOfPeople: 5,
|
|
165
165
|
}}
|
|
166
166
|
totalWithDiscount={5}
|
|
167
167
|
transactionFee={0.01}
|
|
@@ -6,6 +6,7 @@ import { LoaderIndicator } from "../../../../static";
|
|
|
6
6
|
import { MenuStep, Order } from "../../../../types";
|
|
7
7
|
import { ProductsByMenuStep } from "./components/ProductsByMenuStep";
|
|
8
8
|
import { BookingSummaryProps } from "./types";
|
|
9
|
+
import { sanitizeFormValues } from "./utils";
|
|
9
10
|
import { SummaryTotal } from "./components/SummaryTotal";
|
|
10
11
|
import { BookingSummaryAccordion } from "./components/BookingSummaryAccordion";
|
|
11
12
|
|
|
@@ -19,15 +20,21 @@ export const BookingSummary = ({
|
|
|
19
20
|
productsWithErrors,
|
|
20
21
|
isLoading,
|
|
21
22
|
hasPeopleInput,
|
|
22
|
-
peopleAmount,
|
|
23
23
|
}: Omit<BookingSummaryProps, "totallWithDiscount">) => {
|
|
24
24
|
const { t } = useTranslation("Design");
|
|
25
25
|
const { formatNumber } = useIntl();
|
|
26
26
|
|
|
27
|
-
const orderProducts = useMemo(() => {
|
|
28
|
-
const
|
|
27
|
+
const [numberOfPeople = 0, orderProducts] = useMemo(() => {
|
|
28
|
+
const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
const products = Object.keys(orderProducts).map(
|
|
31
|
+
(productId) => orderProducts[productId]
|
|
32
|
+
) as Order[];
|
|
33
|
+
|
|
34
|
+
return [
|
|
35
|
+
numberOfPeople as number,
|
|
36
|
+
products.filter((prod) => prod.quantity !== 0),
|
|
37
|
+
];
|
|
31
38
|
}, [formValues]);
|
|
32
39
|
|
|
33
40
|
if (isLoading) {
|
|
@@ -60,12 +67,12 @@ export const BookingSummary = ({
|
|
|
60
67
|
/>
|
|
61
68
|
);
|
|
62
69
|
})}
|
|
63
|
-
{!isNotShownPeopleAmount &&
|
|
70
|
+
{!isNotShownPeopleAmount && numberOfPeople > 0 && (
|
|
64
71
|
<>
|
|
65
72
|
<hr />
|
|
66
73
|
<div className="d-flex justify-content-between mt-3">
|
|
67
74
|
<p className="m-0">{t("people")}:</p>
|
|
68
|
-
<p className="price">{
|
|
75
|
+
<p className="price">{numberOfPeople}</p>
|
|
69
76
|
</div>
|
|
70
77
|
</>
|
|
71
78
|
)}
|
package/src/iframe/order-process/components/BookingSummary/components/SummaryTotal/SummaryTotal.tsx
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import { useTranslation } from "react-i18next";
|
|
3
|
+
import { Order } from "../../../../../../types";
|
|
3
4
|
import { BookingSummaryProps } from "../../types";
|
|
4
|
-
import { cartSumByOrderProducts } from "../../utils";
|
|
5
|
+
import { sanitizeFormValues, cartSumByOrderProducts } from "../../utils";
|
|
5
6
|
import { SummaryTotalBlock } from "./components/SummaryTotalBlock";
|
|
6
7
|
|
|
7
8
|
export const SummaryTotal = ({
|
|
@@ -14,10 +15,17 @@ export const SummaryTotal = ({
|
|
|
14
15
|
"formValues" | "totalWithDiscount" | "transactionFee" | "isFreePayment"
|
|
15
16
|
>) => {
|
|
16
17
|
const { t } = useTranslation("Design");
|
|
17
|
-
const orderProducts = useMemo(() => {
|
|
18
|
-
const
|
|
18
|
+
const [, orderProducts] = useMemo(() => {
|
|
19
|
+
const { numberOfPeople, ...orderProducts } = sanitizeFormValues(formValues);
|
|
19
20
|
|
|
20
|
-
|
|
21
|
+
const products = Object.keys(orderProducts).map(
|
|
22
|
+
(productId) => orderProducts[productId]
|
|
23
|
+
) as Order[];
|
|
24
|
+
|
|
25
|
+
return [
|
|
26
|
+
numberOfPeople as number,
|
|
27
|
+
products.filter((prod) => prod.quantity !== 0),
|
|
28
|
+
];
|
|
21
29
|
}, [formValues]);
|
|
22
30
|
|
|
23
31
|
const cartSum = isFreePayment
|
|
@@ -8,7 +8,7 @@ export type BookingSummaryProps = {
|
|
|
8
8
|
date: string;
|
|
9
9
|
menuSteps: MenuStep[];
|
|
10
10
|
formValues: {
|
|
11
|
-
[key: string]: Order;
|
|
11
|
+
[key: string]: Order | number;
|
|
12
12
|
};
|
|
13
13
|
totalWithDiscount?: number;
|
|
14
14
|
isNotShownPeopleAmount?: boolean;
|
|
@@ -18,5 +18,4 @@ export type BookingSummaryProps = {
|
|
|
18
18
|
isFreePayment?: boolean;
|
|
19
19
|
productsWithErrors?: ProductQuantityCheckResponse["products"];
|
|
20
20
|
isLoading?: boolean;
|
|
21
|
-
peopleAmount: number;
|
|
22
21
|
};
|
|
@@ -1,4 +1,25 @@
|
|
|
1
1
|
import { Order } from "../../../../../types";
|
|
2
|
+
import { BookingSummaryProps } from "../types";
|
|
3
|
+
|
|
4
|
+
export const sanitizeFormValues = (
|
|
5
|
+
formValues: BookingSummaryProps["formValues"]
|
|
6
|
+
) =>
|
|
7
|
+
Object.keys(formValues).reduce(
|
|
8
|
+
(
|
|
9
|
+
prevValues: {
|
|
10
|
+
[key: string]: Order | number;
|
|
11
|
+
},
|
|
12
|
+
currentKey: string
|
|
13
|
+
) => {
|
|
14
|
+
const value = formValues[currentKey];
|
|
15
|
+
if (value) {
|
|
16
|
+
return { ...prevValues, [currentKey]: value };
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
return prevValues;
|
|
20
|
+
},
|
|
21
|
+
{}
|
|
22
|
+
);
|
|
2
23
|
|
|
3
24
|
export const cartSumByOrderProducts = (orderProducts: Order[]) =>
|
|
4
25
|
orderProducts.reduce((prevSumValue: number, product) => {
|
|
@@ -174,12 +174,7 @@ const OrderProcessContextProvider: React.FC = ({ children }) => {
|
|
|
174
174
|
|
|
175
175
|
return (
|
|
176
176
|
<OrderProcessContext.Provider
|
|
177
|
-
value={{
|
|
178
|
-
orderFormValues,
|
|
179
|
-
setOrderFormValues,
|
|
180
|
-
formValues,
|
|
181
|
-
setFormValues,
|
|
182
|
-
}}
|
|
177
|
+
value={{ orderFormValues, setOrderFormValues, formValues, setFormValues }}
|
|
183
178
|
>
|
|
184
179
|
{children}
|
|
185
180
|
</OrderProcessContext.Provider>
|
|
@@ -408,8 +403,6 @@ const MENU_STEPS = [
|
|
|
408
403
|
|
|
409
404
|
export function Default() {
|
|
410
405
|
const { formValues, setFormValues } = useContext(OrderProcessContext);
|
|
411
|
-
const [peopleAmount] = useState(0);
|
|
412
|
-
|
|
413
406
|
return (
|
|
414
407
|
<div className="snippet">
|
|
415
408
|
<OrderProcessContextProvider>
|
|
@@ -441,7 +434,6 @@ export function Default() {
|
|
|
441
434
|
<BookingSummary
|
|
442
435
|
date="29 Sept 2022 at 09:00"
|
|
443
436
|
menuSteps={menuSteps as any}
|
|
444
|
-
peopleAmount={peopleAmount}
|
|
445
437
|
formValues={formValues}
|
|
446
438
|
totalWithDiscount={5}
|
|
447
439
|
eventName="Glam!"
|
|
@@ -109,7 +109,8 @@ export const PaymentPage = ({
|
|
|
109
109
|
showCloseButton={isIframePayment}
|
|
110
110
|
onCloseButtonClick={isIframePayment ? onGoBack : undefined}
|
|
111
111
|
>
|
|
112
|
-
<PaymentTimer />
|
|
112
|
+
{isIframePayment && <PaymentTimer />}
|
|
113
|
+
|
|
113
114
|
<div className="d-flex align-items-center justify-content-center w-100">
|
|
114
115
|
{t("paymentDetails")}
|
|
115
116
|
</div>
|
|
@@ -183,7 +183,7 @@ export const RyftPaymentForm = ({
|
|
|
183
183
|
onSubmit={methods.handleSubmit(handleSubmit)}
|
|
184
184
|
className="ryft-payment-form"
|
|
185
185
|
>
|
|
186
|
-
<div className="submit-button-wrapper mt-3
|
|
186
|
+
<div className="submit-button-wrapper mt-3 px-1">
|
|
187
187
|
<Button type="submit" disabled={isBtnDisabled || !isValid}>
|
|
188
188
|
{isBtnDisabled && <ButtonLoader />}
|
|
189
189
|
{t("Design:buyNow")}
|
|
@@ -99,7 +99,7 @@ export function ProductCategoriesControl({
|
|
|
99
99
|
});
|
|
100
100
|
const [productCategoryState, setProductCategoryState] = useState<
|
|
101
101
|
Record<number, { price: number; quantity: number }>
|
|
102
|
-
>(
|
|
102
|
+
>([]);
|
|
103
103
|
|
|
104
104
|
const productCategories: ProductCategory[] = useWatch({
|
|
105
105
|
control,
|
|
@@ -168,15 +168,14 @@ export function ProductCategoriesControl({
|
|
|
168
168
|
return sum + Number(product.totalQuantity);
|
|
169
169
|
}, 0);
|
|
170
170
|
|
|
171
|
-
setProductCategoryState(
|
|
172
|
-
...prevState,
|
|
171
|
+
setProductCategoryState({
|
|
173
172
|
// New added categories will have uniqueId
|
|
174
173
|
// but existing have already assigned Id.
|
|
175
174
|
[productCategory?.id || productCategory.uniqueId]: {
|
|
176
175
|
price,
|
|
177
176
|
quantity,
|
|
178
177
|
},
|
|
179
|
-
})
|
|
178
|
+
});
|
|
180
179
|
});
|
|
181
180
|
}, [productCategories]);
|
|
182
181
|
|
|
@@ -32,9 +32,7 @@ export const SelectMenu = ({
|
|
|
32
32
|
<div>
|
|
33
33
|
{(!menus || !menus.length) && !isLoading ? (
|
|
34
34
|
<div className="no-results-content">
|
|
35
|
-
<span className="no-results-found">
|
|
36
|
-
{t("App:noResultsFoundForSelectedDate")}
|
|
37
|
-
</span>
|
|
35
|
+
<span className="no-results-found">{t("App:noResultsFound")}</span>
|
|
38
36
|
</div>
|
|
39
37
|
) : (
|
|
40
38
|
<>
|
|
@@ -19,12 +19,7 @@ export const NoteForm = ({
|
|
|
19
19
|
onClose,
|
|
20
20
|
defaultValues = { note: "" },
|
|
21
21
|
}: NoteFormProps) => {
|
|
22
|
-
const {
|
|
23
|
-
register,
|
|
24
|
-
handleSubmit,
|
|
25
|
-
formState: { errors },
|
|
26
|
-
setValue,
|
|
27
|
-
} = useForm<FormModel>({
|
|
22
|
+
const { register, handleSubmit } = useForm<FormModel>({
|
|
28
23
|
mode: "onChange",
|
|
29
24
|
defaultValues,
|
|
30
25
|
});
|
|
@@ -42,18 +37,9 @@ export const NoteForm = ({
|
|
|
42
37
|
<Form.Control
|
|
43
38
|
as="textarea"
|
|
44
39
|
rows={5}
|
|
45
|
-
isInvalid={!!errors.note}
|
|
46
40
|
placeholder={t("writeYourNoteHere")}
|
|
47
|
-
{...register("note"
|
|
48
|
-
required: {
|
|
49
|
-
value: true,
|
|
50
|
-
message: t("Validation:fieldRequired"),
|
|
51
|
-
},
|
|
52
|
-
})}
|
|
41
|
+
{...register("note")}
|
|
53
42
|
/>
|
|
54
|
-
<Form.Control.Feedback type="invalid">
|
|
55
|
-
{errors.note?.message}
|
|
56
|
-
</Form.Control.Feedback>
|
|
57
43
|
</Form.Group>
|
|
58
44
|
|
|
59
45
|
<footer className="d-flex">
|
|
@@ -66,11 +52,7 @@ export const NoteForm = ({
|
|
|
66
52
|
>
|
|
67
53
|
{t("close")}
|
|
68
54
|
</Button>
|
|
69
|
-
<Button
|
|
70
|
-
variant="danger"
|
|
71
|
-
className="ml-2"
|
|
72
|
-
onClick={() => setValue("note", "")}
|
|
73
|
-
>
|
|
55
|
+
<Button type="reset" variant="danger" className="ml-2">
|
|
74
56
|
{t("delete")}
|
|
75
57
|
</Button>
|
|
76
58
|
</footer>
|
|
@@ -91,9 +91,11 @@
|
|
|
91
91
|
|
|
92
92
|
&__select-product {
|
|
93
93
|
width: 10.5rem !important;
|
|
94
|
+
margin-top: 1rem;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
&__unselect-product {
|
|
98
|
+
margin-top: 1rem;
|
|
97
99
|
width: 10.5rem !important;
|
|
98
100
|
background-color: $snippet-elements-button-color !important;
|
|
99
101
|
color: $snippet-elements-button-background-color !important;
|