@licklist/design 0.44.485-dev.49 → 0.44.485-dev.50
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/setting/dashboard/snippets/control/SnippetControl.d.ts.map +1 -1
- package/dist/setting/dashboard/snippets/control/SnippetControl.js +1 -1
- package/dist/setting/dashboard/snippets/form/SnippetForm.d.ts +2 -2
- package/dist/setting/dashboard/snippets/form/SnippetForm.d.ts.map +1 -1
- package/dist/setting/dashboard/snippets/modal/SnippetViewTypeModal.js +1 -1
- package/dist/snippet/snippet-template/form/SnippetTemplateForm.js +1 -1
- package/dist/snippet/snippet-template/preview/Preview.js +1 -1
- package/package.json +1 -1
- package/src/product-set/product/quantity/ProductQuantityRechargingControl.tsx +7 -7
- package/src/setting/dashboard/snippets/control/SnippetControl.tsx +11 -13
- package/src/setting/dashboard/snippets/form/SnippetForm.tsx +2 -2
- package/src/setting/dashboard/snippets/modal/SnippetViewTypeModal.tsx +1 -1
- package/src/snippet/snippet-template/form/SnippetTemplateForm.tsx +10 -10
- package/src/snippet/snippet-template/preview/Preview.tsx +4 -4
- package/tests/Snippets/Snippets.test.tsx +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnippetControl.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/control/SnippetControl.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,SAAS,EACT,cAAc,GACf,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"SnippetControl.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/control/SnippetControl.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAqB,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,SAAS,EACT,cAAc,GACf,EAAE,mBAAmB,eAsNrB"}
|
|
@@ -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"),n=require("react"),
|
|
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"),n=require("react"),i=e(n),r=require("react-i18next"),a=require("react-bootstrap"),l=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/HookFormService")),o=require("@react-aria/utils"),d=require("../../../../static/switch/Switch.js");require("../../../../static/index.js");var m=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper");exports.SnippetControl=function(e){var c,u=e.isLoading,p=e.templates,g=e.providerHasMap,E=r.useTranslation(["Design","Validation","User"]).t,v=t.__read(n.useState(!0),2),b=v[0],f=v[1],y=o.useId(),C=o.useId(),F=o.useId(),h=o.useId(),S=l.useFormContext(),w=S.register,D=S.watch,q=S.control,_=S.formState.errors,x=S.setValue,I=D("type"),k="event_list"===I,T=D("widgetSetting"),L=T.displayCost,N=T.displayDescription,R=T.displayType,V=D("designId")||"";return n.useEffect((function(){k&&f(N||L||R)}),[k,N,L,R]),n.useEffect((function(){V&&(p.find((function(e){return e.type===I&&String(V)===String(e.id)}))||x("designId",""))}),[V,I,p]),i.createElement(i.Fragment,null,i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,controlId:y,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,null,E("name")),i.createElement(a.Form.Control,t.__assign({},w("name",{maxLength:255,required:E("Validation:fieldRequired",{attribute:E("name")})}),{placeholder:E("Design:widgetName"),isInvalid:Boolean(_.name)})),i.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(c=_.name)||void 0===c?void 0:c.message))),g&&i.createElement(a.Row,null,i.createElement(l.Controller,{control:q,name:"type",render:function(e){var t=e.field,n=t.name,r=t.value,l=t.onChange;return i.createElement(a.Form.Group,{as:a.Col},i.createElement(a.Form.Label,null,E("type")),i.createElement(d.Switch,{name:n,options:m.SNIPPET_TYPES.map((function(e){return{id:e,value:E(e)}})),value:r,onChange:l,disabled:u}))}})),i.createElement(a.Row,null,k&&i.createElement(a.Form.Group,{as:a.Col,className:"mt-4",xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,{className:"mb-3"},E("Options")),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayDescription"),{id:C,isInvalid:!b,name:"snippetSetting.displayDescription",label:E("Design:shouldShowDesc"),custom:!0,className:"mb-3",disabled:u})),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayCost"),{id:F,isInvalid:!b,name:"snippetSetting.displayCost",label:E("Design:shouldShowCost"),custom:!0,className:"mb-3",disabled:u})),i.createElement(a.Form.Check,t.__assign({},w("widgetSetting.displayType"),{id:h,isInvalid:!b,name:"snippetSetting.displayType",label:E("Design:shouldShowType"),custom:!0,disabled:u})),!b&&i.createElement("div",{className:"d-block invalid-feedback"},E("Validation:fieldAtLeastSelected",{number:E("Design:one"),filedType:E("Design:checkbox")})))),k&&i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(a.Form.Label,null,E("eventsView")),i.createElement(a.Form.Control,t.__assign({as:"select"},w("viewType",{required:E("Validation:fieldRequired",{attribute:E("viewType")})}),{placeholder:E("Design:eventsView"),disabled:u}),i.createElement("option",{value:"grid"},E("Design:grid")),i.createElement("option",{value:"list"},E("Design:list"))))),i.createElement(a.Row,null,i.createElement(a.Form.Group,{as:a.Col,xs:!0,sm:12,md:8,lg:10,xl:12},i.createElement(l.Controller,{control:q,name:"designId",rules:{required:!0},render:function(e){var t=e.field,n=t.value,r=t.onChange,l=e.fieldState,o=l.invalid,d=l.error,m=n?String(n):"";return i.createElement(i.Fragment,null,i.createElement(a.Form.Label,{className:"mt-5"},E("widgetDesign")),i.createElement(a.Form.Control,{as:"select",disabled:u,onChange:r,isInvalid:o,value:m},i.createElement("option",{value:""},E("Design:pleaseChooseOne")),null==p?void 0:p.map((function(e){return e.type!==I?null:i.createElement("option",{value:e.id,key:e.id},e.name)}))),i.createElement(a.Form.Control.Feedback,{type:"invalid"},s.hasError(d,"required")&&E("Validation:fieldRequired",{attribute:E("Design:widgetDesign")})))}}))))};
|
|
@@ -7,8 +7,8 @@ import { SnippetTemplateType } from "@licklist/core/dist/DataMapper/Provider/Sni
|
|
|
7
7
|
export interface SnippetFormValues extends FormValues {
|
|
8
8
|
name: string;
|
|
9
9
|
type: SnippetType;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
designId: string;
|
|
11
|
+
widgetSetting?: {
|
|
12
12
|
displayDescription: boolean;
|
|
13
13
|
displayCost: boolean;
|
|
14
14
|
displayType: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnippetForm.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/form/SnippetForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EACL,eAAe,EACf,WAAW,EACZ,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mEAAmE,CAAC;AAIxG,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,
|
|
1
|
+
{"version":3,"file":"SnippetForm.d.ts","sourceRoot":"","sources":["../../../../../src/setting/dashboard/snippets/form/SnippetForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAI1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EACL,eAAe,EACf,WAAW,EACZ,MAAM,2DAA2D,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mEAAmE,CAAC;AAIxG,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE;QACd,kBAAkB,EAAE,OAAO,CAAC;QAC5B,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,YAAY,EACZ,cAAsB,GACvB,EAAE,gBAAgB,eAyClB"}
|
|
@@ -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,r=require("tslib"),a=require("react"),n=e(a),i=require("react-i18next"),l=e(require("react-bootstrap/Col")),o=require("react-bootstrap"),c=require("../../../../static/Icon.js"),s=e(require("clsx")),u=e(require("react-bootstrap/ModalHeader")),d=e(require("react-bootstrap/ModalTitle")),m=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),p=((t={})[m.SNIPPET_VIEW_TYPE_GRID]={label:m.SNIPPET_VIEW_TYPE_GRID,icon:"th"},t[m.SNIPPET_VIEW_TYPE_LIST]={label:m.SNIPPET_VIEW_TYPE_LIST,icon:"bars"},t);exports.SNIPPET_VIEW_TYPES=p,exports.SnippetViewTypeModal=function(e){var t=e.isVisible,m=e.onHide,E=e.onSubmit,b=i.useTranslation(["Design"]).t,f=Object.keys(p),_=r.__read(a.useState("grid"),2),P=_[0],I=_[1];return n.createElement(o.Modal,{size:"lg",centered:!0,show:t,onHide:m,className:"p-3 border-0",animation:!1,contentClassName:"rounded"},n.createElement(u,{className:"align-items-center border-0"},n.createElement(d,{as:"h5"},b("Design:
|
|
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,r=require("tslib"),a=require("react"),n=e(a),i=require("react-i18next"),l=e(require("react-bootstrap/Col")),o=require("react-bootstrap"),c=require("../../../../static/Icon.js"),s=e(require("clsx")),u=e(require("react-bootstrap/ModalHeader")),d=e(require("react-bootstrap/ModalTitle")),m=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),p=((t={})[m.SNIPPET_VIEW_TYPE_GRID]={label:m.SNIPPET_VIEW_TYPE_GRID,icon:"th"},t[m.SNIPPET_VIEW_TYPE_LIST]={label:m.SNIPPET_VIEW_TYPE_LIST,icon:"bars"},t);exports.SNIPPET_VIEW_TYPES=p,exports.SnippetViewTypeModal=function(e){var t=e.isVisible,m=e.onHide,E=e.onSubmit,b=i.useTranslation(["Design"]).t,f=Object.keys(p),_=r.__read(a.useState("grid"),2),P=_[0],I=_[1];return n.createElement(o.Modal,{size:"lg",centered:!0,show:t,onHide:m,className:"p-3 border-0",animation:!1,contentClassName:"rounded"},n.createElement(u,{className:"align-items-center border-0"},n.createElement(d,{as:"h5"},b("Design:selectWidgetViewType")),n.createElement(o.Button,{variant:"danger",className:"btn-sm rounded",onClick:m},n.createElement(c.default,{type:"times",height:"1.2rem"}))),n.createElement(o.Modal.Body,null,n.createElement("div",{className:"d-flex flex-row flex-wrap p-4 justify-content-between"},f.map((function(e){var t=p[e],r=t.label,a=t.icon;return n.createElement(l,{key:r},n.createElement(o.Button,{variant:"outline-light",className:s("d-flex justify-content-center align-items-center flex-column w-100 py-6 rounded",P===e&&"selected-snippet-type"),role:"button",tabIndex:0,onClick:function(){return I(e)}},n.createElement(c.default,{type:a,color:"#0e8ce2",height:"4rem"}),n.createElement("h6",{className:"text-dark mt-3"},b(r))))})))),n.createElement(o.Modal.Footer,{className:"border-0"},n.createElement(o.Button,{variant:"secondary",onClick:m},b("cancel")),n.createElement(o.Button,{variant:"primary",onClick:function(){E(P),m()}},b("confirm"))))};
|
|
@@ -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),i=require("react-i18next"),o=e(require("react-bootstrap/Button")),n=e(require("react-bootstrap/Row")),l=e(require("react-bootstrap/Col")),s=require("react-bootstrap"),m=require("react-hook-form"),
|
|
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),i=require("react-i18next"),o=e(require("react-bootstrap/Button")),n=e(require("react-bootstrap/Row")),l=e(require("react-bootstrap/Col")),s=require("react-bootstrap"),m=require("react-hook-form"),u=e(require("@licklist/plugins/dist/services/Form/HookFormService")),c=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),p=require("@react-aria/utils"),d=require("lodash"),E=require("@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper"),b=require("../context/snippetTemplate.js"),v=require("../context/snippetTemplateView.js"),T=require("../control/PropertyControl.js");exports.SnippetTemplateForm=function(e){var f,q=e.isLoading,g=e.onSubmit,S=e.hasPermission,F=void 0===S||S,_=e.serverErrors,y=e.providerHasMap,P=void 0!==y&&y,x=i.useTranslation("Design").t,h=r.useContext(b.SnippetTemplateContext),C=h.template,k=h.actions,w=r.useContext(v.SnippetTemplateViewContext),V=w.view,L=w.properties,M=m.useForm({mode:"onChange",defaultValues:C}),N=M.register,j=M.setError,I=M.formState.errors,D=M.watch;r.useEffect((function(){c.handleServerErrors(_,j)}),[_,j]);var A=p.useId(),R=D();r.useEffect((function(){d.isEqual(R,C)||k.updateTemplate(R)}),[k,R,C]);var B=r.useCallback((function(e){return u.isFieldValid(M.formState,M.formState.errors,e)}),[M.formState]);return a.createElement(m.FormProvider,t.__assign({},M),a.createElement(s.Form,{onSubmit:M.handleSubmit(g)},a.createElement("h2",{className:"mb-2 pb-1 border-bottom border-secondary"},x("designSettings")),a.createElement(n,null,a.createElement(s.Form.Group,{className:"mt-5",as:l,controlId:A,xs:!0,sm:12,md:8,lg:10,xl:12},a.createElement(s.Form.Label,null,x("name")),a.createElement(s.Form.Control,t.__assign({},N("name",{maxLength:255,required:x("Validation:fieldRequired",{attribute:x("name")})}),{isValid:B("name"),isInvalid:Boolean(I.name)})),a.createElement(s.Form.Control.Feedback,{type:"invalid"},null===(f=I.name)||void 0===f?void 0:f.message))),P&&a.createElement(n,null,a.createElement(s.Form.Group,{as:l,xs:!0,sm:12,md:8,lg:10,xl:12},a.createElement(s.Form.Label,null,x("widgetType")),a.createElement(s.Form.Control,t.__assign({as:"select"},N("type",{required:x("Validation:fieldRequired",{attribute:x("widgetType")})}),{placeholder:x("widgetType")}),a.createElement("option",{value:E.SNIPPET_TEMPLATE_TYPE_EVENT_LIST},x("widgetTypeEventList")),a.createElement("option",{value:E.SNIPPET_TEMPLATE_TYPE_VENUE_MAP},x("widgetTypeVenueMaps"))))),a.createElement("hr",null),a.createElement("h5",{className:"mb-1"},x(V)),V&&V in L&&Object.keys(L[V]).map((function(e){return a.createElement(T.PropertyControl,{key:e,item:e,label:L[V][e],isDisabled:q})})),F&&a.createElement(o,{className:"mt-5 d-no dne d-md-block",type:"submit",disabled:q},x("save"))))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var l=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var s=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js");require("../../../iframe/order-process/components/StepsForm/StepsForm.js");var E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var g=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");var N=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),S=require("../context/snippetTemplateView.js"),C=require("../settings/SettingButton.js");exports.Preview=function(e){var q=e.onSettingClick,h=e.providerHasMap,B=void 0!==h&&h,j=i.useTranslation("Design").t,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),r=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-router-dom"),i=require("react-i18next"),o=require("react-bootstrap");require("../../../iframe/event/event-booking-form/EventBookingForm.js"),require("../../../iframe/event/event-booking-view/EventBookingView.js");var m=require("../../../iframe/event/event-card/IframeEventCard.js");require("../../../iframe/event/event-card/IframeEventCardSkeleton.js"),require("../../../iframe/event/ticket-description/TicketDescription.js");var l=require("../../../iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.js");require("../../../iframe/event/event-details/EventDetails.js"),require("../../../iframe/event/event-tables/EventTables.js"),require("../../../iframe/event/event-order-summary/EventOrderSummary.js"),require("../../../iframe/event/event-booking-products/EventBookingProducts.js"),require("../../../iframe/event/event-order-short-summary/EventOrderShortSummary.js"),require("../../../iframe/order-process/components/NavigationFooter/NavigationFooter.js"),require("../../../iframe/event/event-description/EventDescription.js");var s=require("../../../iframe/event/event-product-sets/EventProductSets.js");require("../../../iframe/event/event-calendar/components/CalendarSelect/CalendarSelect.js");var c=require("../../../iframe/event/event-calendar/EventCalendar.js");require("../../../iframe/event/event-step-venue-map-zones/EventStepVenueMapZones.js");var u=require("../../../iframe/event/event-venue-map/IframeEventVenueMap.js");require("../../../iframe/payment/payment-form/PaymentForm.js"),require("../../../iframe/payment/order-items-table/OrderItemsTable.js");var d=require("../context/snippetTemplate.js"),p=require("../../../iframe/page/components/PageHeader/PageHeader.js");require("../../../iframe/payment/payment-status-header/PaymentStatusHeader.js");var v=require("../../../iframe/order-process/components/BookingSummary/BookingSummary.js"),f=require("../../../iframe/order-process/components/NavigationSteps/NavigationSteps.js");require("../../../iframe/order-process/components/StepsForm/StepsForm.js");var E=require("../../../iframe/order-process/components/Timer/Timer.js");require("../../../iframe/order-process/components/PaymentCard/PaymentCard.js");var g=require("../../../iframe/order-process/components/BookingSummaryFooter/BookingSummaryFooter.js"),y=require("../../../iframe/page/components/PageBody/PageBody.js");require("../../../iframe/order-process/components/CalendarStepsForm/CalendarStepsForm.js"),require("../../../iframe/powered-by/PoweredBy.js");var b=require("../../../iframe/page/Page.js");require("../../../iframe/payment/payment-page/PaymentPage.js"),require("../../../iframe/payment/payment-status-page/PaymentStatusPage.js"),require("../../../iframe/custom-fields/components/CustomDateField.js");var N=require("@licklist/core/dist/DataMapper/Provider/SnippetDataMapper"),S=require("../context/snippetTemplateView.js"),C=require("../settings/SettingButton.js");exports.Preview=function(e){var q=e.onSettingClick,h=e.providerHasMap,B=void 0!==h&&h,j=i.useTranslation("Design").t,P=t.__read(a.useState(0),2),k=P[0],w=P[1],x=t.__read(a.useState(0),2),I=x[0],T=x[1],A=a.useContext(S.SnippetTemplateViewContext).setView,M=a.useContext(d.SnippetTemplateContext).template.type,_=void 0===M?N.SNIPPET_TYPE_EVENT_LIST:M,D=function(e){A(e),q()};return r.createElement("div",{className:"w-100 h-100 snippet-template-preview"},r.createElement(b.Page,{headerBlock:r.createElement("div",{className:"d-flex mt-5 pt-5 p-5 iframe-page snippet-template-additional-header"},r.createElement(C.SettingButton,{view:"pageHeaderSteps",onClick:D,className:"m-0"},r.createElement(C.SettingButton,{view:"pageHeader",onClick:D,className:"m-0 snippet-template-button-left",containerClassName:"mr-5 asd"}),r.createElement("div",{className:"header-block mt-5 pt-5"},r.createElement("div",{className:"mt-5 pt-5 external-header"},r.createElement(p.PageHeader,{showCloseButton:!0,showBackButton:!0},r.createElement(E.Timer,{timer:600}),r.createElement(n.MemoryRouter,{initialEntries:["/step1","/step2"]},r.createElement(f.NavigationSteps,{steps:[{pathname:"/step1",key:"/step1",name:"Burger"},{pathname:"/step2",key:"/step2",name:"Cheese"}]})))))))},r.createElement("div",{className:"page-body pb-5 mb-5 pt-3 mt-3"},r.createElement(C.SettingButton,{view:"page",onClick:D,className:"snippet-template-body-button"})),r.createElement(y.PageBody,{className:"snippet-template",leftBlock:r.createElement(C.SettingButton,{view:"pageBodyLeftBlock",onClick:D,className:"mr-4"},r.createElement(y.PageBody.LeftBlock,{title:"About this event"},r.createElement(C.SettingButton,{view:"elements",onClick:D,className:"mt-5 m-0",containerClassName:"mt-5 pt-5"},r.createElement("div",{className:"mt-3"},r.createElement("h3",null,j("elements"))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,j("Texts")),r.createElement("p",null,"XXXX")),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,j("form")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},j("firstName")),r.createElement("input",{type:"text",className:"form-control",placeholder:j("firstName")}))),r.createElement("div",{className:"form-row"},r.createElement("button",{type:"button",className:"btn btn-link"},j("iHaveAccount")))))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,j("Number input")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(l.NumberInput,{value:k,onChange:function(e){return w(e)},onArrowDown:function(){return w((function(e){return e-1}))},onArrowUp:function(){return w((function(e){return e+1}))}}))),r.createElement("div",{className:"mt-5"},r.createElement("h4",null,j("Dropdown")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement("div",{className:"w-100"},r.createElement("div",{className:"form-row"},r.createElement("div",{className:"form-group col-12"},r.createElement("label",{className:"form-label"},j("dayOfBirthShort")),r.createElement("select",{className:"form-control",placeholder:j("firstName")},r.createElement("option",null,"2022"),r.createElement("option",null,"2023"))))))),r.createElement("div",{className:"mt-5 snippet-template__form"},r.createElement("h4",null,j("Button")),r.createElement("div",{className:"d-flex flex-column w-100"},r.createElement(o.Button,{size:"sm"},"Submit")))),B&&_===N.SNIPPET_TYPE_VENUE_MAP&&r.createElement(r.Fragment,null,r.createElement("div",{className:"pt-4"},r.createElement("h4",null,j("Calendar")),r.createElement(C.SettingButton,{view:"calendar",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement(c.EventCalendar,null))),r.createElement("div",{className:"pt-4"},r.createElement(C.SettingButton,{view:"productSet",onClick:D,className:"mt-3 m-0",containerClassName:"mt-5 pt-5"},r.createElement("h4",null,j("Product Sets")),r.createElement("div",{className:"pt-5 mt-5"},r.createElement(s.EventProductSets,{productSets:[{id:1,name:"Test 1"},{id:2,name:"Test 2"},{id:3,name:"Test 3"}],onSelectProductSet:T,selectedProductSetId:I})))),r.createElement("div",{className:"pt-4"},r.createElement("form",{className:"category-steps-form pt-4 mt-4"},r.createElement("h4",null,j("Venue Map")),r.createElement("div",{className:"position-relative pt-4 mt-4"},r.createElement(C.SettingButton,{view:"venueMap",onClick:D,className:"mt-n6 m-0",containerClassName:"mt-5 pt-5"},r.createElement(u.IframeEventVenueMap,{url:"https://fastly.picsum.photos/id/13/2500/1667.jpg?hmac=SoX9UoHhN8HyklRA4A3vcCWJMVtiBXUg0W4ljWTor7s",usedInIframe:!0,pointProducts:[{id:9,menuStepId:75,pointId:21,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:10,menuStepId:75,pointId:24,productUuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}],points:[{id:21,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:799.39,yCoordinate:1108.45},{id:24,venueMapId:7,createdAt:null,updatedAt:null,deletedAt:null,xCoordinate:1400.2,yCoordinate:1431.77}],choosedProductUuids:["beb6393c-2fdd-40f7-bb92-8800685b203f"],products:[{id:148,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203f"},{id:149,productCategoryId:57,productGroupId:null,availableQuantity:980,zoneId:null,name:"Cofee 2",description:"",price:15,deposit:0,minQuantity:1,maxQuantity:15,totalQuantity:980,type:"sale",capacity:0,duration:0,weight:0,isAvailable:!0,isSoldOut:!1,isRequired:!1,isUnlimited:!1,quantitySelector:1,hasSpecialNotes:!1,termsAndConditions:null,subProducts:[],images:null,productCategory:null,uuid:"beb6393c-2fdd-40f7-bb92-8800685b203a"}]})))))))),rightBlock:r.createElement(y.PageBody.RightBlock,{bottomBlock:r.createElement(g.BookingSummaryFooter,null)},r.createElement(C.SettingButton,{view:"pageBodyRightBlock",onClick:D,containerClassName:"snippet-template-button-fixed-height",className:"m-0"}),r.createElement(v.BookingSummary.Accordion,{showTitleOnlyOnMobile:!0},r.createElement(m.IframeEventCard,{imageSrc:"https://images.unsplash.com/photo-1638988319382-90e61be77c59?ixlib=rb-1.2.1&auto=format&fit=crop&w=687&q=80",title:"XXXX",type:"Party Doors 22:00 - 03:00",cost:6,date:"Sat 2nd May",snippetSetting:{displayCost:!0,displayType:!0,displayDescription:!0},goToDetails:function(){return null},shortDate:"07/03/2023"})))})))};
|
package/package.json
CHANGED
|
@@ -63,13 +63,13 @@ export function ProductQuantityRechargingControl<T extends FormValues>(
|
|
|
63
63
|
}),
|
|
64
64
|
});
|
|
65
65
|
} else if (Number(maxQuantityValue) > Number(totalQuantityValue)) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
66
|
+
setError(`${fieldNamePrefix}.totalQuantity` as Path<T>, {
|
|
67
|
+
type: HookFormService.manualErrorType,
|
|
68
|
+
message: t("Validation:fieldTotalNumber", {
|
|
69
|
+
attribute: t("totalQuantity"),
|
|
70
|
+
max: t("maxOrderQuantity"),
|
|
71
|
+
}),
|
|
72
|
+
});
|
|
73
73
|
} else {
|
|
74
74
|
clearErrors(`${fieldNamePrefix}.totalQuantity` as Path<T>);
|
|
75
75
|
}
|
|
@@ -34,11 +34,11 @@ export function SnippetControl({
|
|
|
34
34
|
setValue,
|
|
35
35
|
} = useFormContext<SnippetFormValues>();
|
|
36
36
|
const type = watch("type");
|
|
37
|
-
const isEvent = type === "
|
|
37
|
+
const isEvent = type === "event_list";
|
|
38
38
|
|
|
39
39
|
const { displayCost, displayDescription, displayType } =
|
|
40
|
-
watch("
|
|
41
|
-
const templateId = watch("
|
|
40
|
+
watch("widgetSetting");
|
|
41
|
+
const templateId = watch("designId") || "";
|
|
42
42
|
|
|
43
43
|
useEffect(() => {
|
|
44
44
|
if (isEvent) {
|
|
@@ -56,7 +56,7 @@ export function SnippetControl({
|
|
|
56
56
|
|
|
57
57
|
if (selectedTemplate) return;
|
|
58
58
|
|
|
59
|
-
setValue("
|
|
59
|
+
setValue("designId", "");
|
|
60
60
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
61
61
|
}, [templateId, type, templates]);
|
|
62
62
|
|
|
@@ -80,7 +80,7 @@ export function SnippetControl({
|
|
|
80
80
|
attribute: t("name"),
|
|
81
81
|
}) as string,
|
|
82
82
|
})}
|
|
83
|
-
placeholder={t("Design:
|
|
83
|
+
placeholder={t("Design:widgetName")}
|
|
84
84
|
isInvalid={Boolean(errors.name)}
|
|
85
85
|
/>
|
|
86
86
|
<Form.Control.Feedback type="invalid">
|
|
@@ -125,7 +125,7 @@ export function SnippetControl({
|
|
|
125
125
|
>
|
|
126
126
|
<Form.Label className="mb-3">{t("Options")}</Form.Label>
|
|
127
127
|
<Form.Check
|
|
128
|
-
{...register("
|
|
128
|
+
{...register("widgetSetting.displayDescription")}
|
|
129
129
|
id={displayDescriptionId}
|
|
130
130
|
isInvalid={!isValid}
|
|
131
131
|
name="snippetSetting.displayDescription"
|
|
@@ -135,7 +135,7 @@ export function SnippetControl({
|
|
|
135
135
|
disabled={isLoading}
|
|
136
136
|
/>
|
|
137
137
|
<Form.Check
|
|
138
|
-
{...register("
|
|
138
|
+
{...register("widgetSetting.displayCost")}
|
|
139
139
|
id={displayCostId}
|
|
140
140
|
isInvalid={!isValid}
|
|
141
141
|
name="snippetSetting.displayCost"
|
|
@@ -145,7 +145,7 @@ export function SnippetControl({
|
|
|
145
145
|
disabled={isLoading}
|
|
146
146
|
/>
|
|
147
147
|
<Form.Check
|
|
148
|
-
{...register("
|
|
148
|
+
{...register("widgetSetting.displayType")}
|
|
149
149
|
id={displayTypeId}
|
|
150
150
|
isInvalid={!isValid}
|
|
151
151
|
name="snippetSetting.displayType"
|
|
@@ -188,7 +188,7 @@ export function SnippetControl({
|
|
|
188
188
|
<Form.Group as={Col} xs sm={12} md={8} lg={10} xl={12}>
|
|
189
189
|
<Controller
|
|
190
190
|
control={control}
|
|
191
|
-
name="
|
|
191
|
+
name="designId"
|
|
192
192
|
rules={{ required: true }}
|
|
193
193
|
render={({
|
|
194
194
|
field: { value, onChange },
|
|
@@ -197,9 +197,7 @@ export function SnippetControl({
|
|
|
197
197
|
const fieldSetValue = value ? String(value) : "";
|
|
198
198
|
return (
|
|
199
199
|
<>
|
|
200
|
-
<Form.Label className="mt-5">
|
|
201
|
-
{t("snippetTemplate")}
|
|
202
|
-
</Form.Label>
|
|
200
|
+
<Form.Label className="mt-5">{t("widgetDesign")}</Form.Label>
|
|
203
201
|
<Form.Control
|
|
204
202
|
as="select"
|
|
205
203
|
disabled={isLoading}
|
|
@@ -223,7 +221,7 @@ export function SnippetControl({
|
|
|
223
221
|
<Form.Control.Feedback type="invalid">
|
|
224
222
|
{HookFormService.hasError(error, "required") &&
|
|
225
223
|
t("Validation:fieldRequired", {
|
|
226
|
-
attribute: t("Design:
|
|
224
|
+
attribute: t("Design:widgetDesign"),
|
|
227
225
|
})}
|
|
228
226
|
</Form.Control.Feedback>
|
|
229
227
|
</>
|
|
@@ -17,8 +17,8 @@ import { SnippetContextProvider, SnippetLoadingContext } from "./context";
|
|
|
17
17
|
export interface SnippetFormValues extends FormValues {
|
|
18
18
|
name: string;
|
|
19
19
|
type: SnippetType;
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
designId: string;
|
|
21
|
+
widgetSetting?: {
|
|
22
22
|
displayDescription: boolean;
|
|
23
23
|
displayCost: boolean;
|
|
24
24
|
displayType: boolean;
|
|
@@ -58,7 +58,7 @@ export const SnippetViewTypeModal = ({
|
|
|
58
58
|
contentClassName="rounded"
|
|
59
59
|
>
|
|
60
60
|
<ModalHeader className="align-items-center border-0">
|
|
61
|
-
<ModalTitle as="h5">{t("Design:
|
|
61
|
+
<ModalTitle as="h5">{t("Design:selectWidgetViewType")}</ModalTitle>
|
|
62
62
|
|
|
63
63
|
<Button variant="danger" className="btn-sm rounded" onClick={onHide}>
|
|
64
64
|
<Icon type="times" height="1.2rem" />
|
|
@@ -6,8 +6,8 @@ import { useTranslation } from "react-i18next";
|
|
|
6
6
|
import { isEqual } from "lodash";
|
|
7
7
|
import {
|
|
8
8
|
SnippetTemplateValues,
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
SNIPPET_TEMPLATE_TYPE_EVENT_LIST,
|
|
10
|
+
SNIPPET_TEMPLATE_TYPE_VENUE_MAP,
|
|
11
11
|
} from "@licklist/core/dist/DataMapper/Provider/SnippetTemplateDataMapper";
|
|
12
12
|
import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
|
|
13
13
|
import Row from "react-bootstrap/Row";
|
|
@@ -80,7 +80,7 @@ export function SnippetTemplateForm({
|
|
|
80
80
|
<FormProvider {...form}>
|
|
81
81
|
<Form onSubmit={form.handleSubmit(onSubmit)}>
|
|
82
82
|
<h2 className="mb-2 pb-1 border-bottom border-secondary">
|
|
83
|
-
{t("
|
|
83
|
+
{t("designSettings")}
|
|
84
84
|
</h2>
|
|
85
85
|
|
|
86
86
|
<Row>
|
|
@@ -113,21 +113,21 @@ export function SnippetTemplateForm({
|
|
|
113
113
|
{providerHasMap && (
|
|
114
114
|
<Row>
|
|
115
115
|
<Form.Group as={Col} xs sm={12} md={8} lg={10} xl={12}>
|
|
116
|
-
<Form.Label>{t("
|
|
116
|
+
<Form.Label>{t("widgetType")}</Form.Label>
|
|
117
117
|
<Form.Control
|
|
118
118
|
as="select"
|
|
119
119
|
{...register("type", {
|
|
120
120
|
required: t("Validation:fieldRequired", {
|
|
121
|
-
attribute: t("
|
|
121
|
+
attribute: t("widgetType"),
|
|
122
122
|
}) as string,
|
|
123
123
|
})}
|
|
124
|
-
placeholder={t("
|
|
124
|
+
placeholder={t("widgetType")}
|
|
125
125
|
>
|
|
126
|
-
<option value={
|
|
127
|
-
{t("
|
|
126
|
+
<option value={SNIPPET_TEMPLATE_TYPE_EVENT_LIST}>
|
|
127
|
+
{t("widgetTypeEventList")}
|
|
128
128
|
</option>
|
|
129
|
-
<option value={
|
|
130
|
-
{t("
|
|
129
|
+
<option value={SNIPPET_TEMPLATE_TYPE_VENUE_MAP}>
|
|
130
|
+
{t("widgetTypeVenueMaps")}
|
|
131
131
|
</option>
|
|
132
132
|
</Form.Control>
|
|
133
133
|
</Form.Group>
|
|
@@ -3,8 +3,8 @@ import { useTranslation } from "react-i18next";
|
|
|
3
3
|
import { MemoryRouter } from "react-router-dom";
|
|
4
4
|
import { Button } from "react-bootstrap";
|
|
5
5
|
import {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
SNIPPET_TYPE_EVENT_LIST,
|
|
7
|
+
SNIPPET_TYPE_VENUE_MAP,
|
|
8
8
|
} from "@licklist/core/dist/DataMapper/Provider/SnippetDataMapper";
|
|
9
9
|
import { ProductSet } from "@licklist/core/dist/DataMapper/Product/ProductSetDataMapper";
|
|
10
10
|
import { IframeEventCard } from "../../../iframe/event/event-card";
|
|
@@ -44,7 +44,7 @@ export function Preview({
|
|
|
44
44
|
|
|
45
45
|
const { setView } = useContext(SnippetTemplateViewContext);
|
|
46
46
|
const {
|
|
47
|
-
template: { type =
|
|
47
|
+
template: { type = SNIPPET_TYPE_EVENT_LIST },
|
|
48
48
|
} = useContext(SnippetTemplateContext);
|
|
49
49
|
|
|
50
50
|
const handleOnClick = (nextView: keyof typeof snippetTemplateViews) => {
|
|
@@ -186,7 +186,7 @@ export function Preview({
|
|
|
186
186
|
</div>
|
|
187
187
|
</SettingButton>
|
|
188
188
|
|
|
189
|
-
{providerHasMap && type ===
|
|
189
|
+
{providerHasMap && type === SNIPPET_TYPE_VENUE_MAP && (
|
|
190
190
|
<>
|
|
191
191
|
<div className="pt-4">
|
|
192
192
|
<h4>{t("Calendar")}</h4>
|
|
@@ -35,7 +35,7 @@ describe("Snippets", () => {
|
|
|
35
35
|
<SnippetForm
|
|
36
36
|
isLoading={false}
|
|
37
37
|
onSubmit={() => {}}
|
|
38
|
-
templates={[{ id: "1", name: "test", colors: [], type: "
|
|
38
|
+
templates={[{ id: "1", name: "test", colors: [], type: "event_list" }]}
|
|
39
39
|
/>
|
|
40
40
|
);
|
|
41
41
|
|
|
@@ -57,12 +57,12 @@ describe("Snippets", () => {
|
|
|
57
57
|
<SnippetForm
|
|
58
58
|
isLoading={false}
|
|
59
59
|
onSubmit={() => {}}
|
|
60
|
-
templates={[{ id: "1", name: "test", colors: [], type: "
|
|
60
|
+
templates={[{ id: "1", name: "test", colors: [], type: "event_list" }]}
|
|
61
61
|
defaultValues={{
|
|
62
62
|
name: "",
|
|
63
|
-
type: "
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
type: "event_list",
|
|
64
|
+
designId: "",
|
|
65
|
+
widgetSetting: {
|
|
66
66
|
displayDescription: false,
|
|
67
67
|
displayCost: true,
|
|
68
68
|
displayType: true,
|