@licklist/design 0.58.6-dev.8 → 0.58.6

package/tests/__mock__/hooks/useUserMock.ts

@@ -0,0 +1,13 @@
+import * as useUserHook from "@licklist/plugins/dist/context/user/hooks/useUser";
+
+/**
+ * Mocks custom hook
+ * @param mockReturn
+ */
+const useUserMock = (mockReturn: any = null) => {
+  const useUserHookMock = useUserHook as jest.Mocked<typeof useUserHook>;
+
+  return useUserHookMock.default.mockReturnValue(mockReturn);
+};
+
+export default useUserMock;

package/tests/__mock__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

package/tests/__mock__/windowMock.ts

@@ -0,0 +1,5 @@
+const mockWindow = () => {
+  (global as any).window = Object.create(window);
+};
+
+export default mockWindow;

package/tests/packages/react-query.tsx

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from "react";
+import * as React from "react";
+import { QueryClient, QueryClientProvider, setLogger } from "react-query";
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      // ✅ turns retries off
+      retry: false,
+      cacheTime: 0,
+    },
+  },
+});
+
+setLogger({
+  // eslint-disable-next-line no-console
+  log: console.log,
+  // eslint-disable-next-line no-console
+  warn: console.warn,
+  // ✅ no more errors on the console
+  error: () => undefined,
+});
+
+const wrapper = ({ children }: PropsWithChildren<unknown>) => (
+  <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+);
+
+export { queryClient, wrapper };

package/tests/setupTests.ts

@@ -0,0 +1,10 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/extend-expect";
+import { configure } from "enzyme";
+import React16Adapter from "enzyme-adapter-react-16";
+
+configure({ adapter: new React16Adapter() });

package/dist/iframe/ryft/utils/ryft-form.d.ts

@@ -1,5 +0,0 @@
-import { TFunction } from "react-i18next";
-export declare const injectComponentsInRyftForm: ({ t, }: {
-    t: TFunction<string[]>;
-}) => void;
-//# sourceMappingURL=ryft-form.d.ts.map

package/dist/iframe/ryft/utils/ryft-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ryft-form.d.ts","sourceRoot":"","sources":["../../../../src/iframe/ryft/utils/ryft-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,0BAA0B;OAGlC,UAAU,MAAM,EAAE,CAAC;UAyCvB,CAAC"}

package/dist/iframe/ryft/utils/ryft-form.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.injectComponentsInRyftForm=function(e){var t=e.t,n=document.getElementById("ryft-pay-iframe"),i=document.getElementById("card-title-container");if(n&&!i){var r=document.createElement("div"),d=document.createElement("div"),a=document.createElement("div");a.id="card-title-container",r.textContent=t("Design:enterCardDetails"),d.className="bold-text form-label",d.innerText=t("Design:paymentDetails"),a.append(r,d),null==n||n.before(a);var o=document.getElementById("ryft-pay-grid");if(o){var m=document.createElement("div"),c=document.createElement("div"),l=document.createElement("div"),s=document.createElement("div");m.className="mobile-pay-title",m.innerText=t("Design:expressCheckoutWith"),c.id="mobile-pay-divider-text",c.innerText="or",l.id="mobile-pay-divider",s.id="mobile-pay-divider-container",s.append(c,l),o.before(m),o.after(s)}}};

package/dist/product-set/control/DateInput.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Modifier } from "@popperjs/core";
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-export interface DateAndRecurrenceInputValues {
-    menuRecurrences?: Partial<ProductSetRecurrence>[];
-}
-interface DateAndRecurrenceInputProps {
-    isEventEditProductSet?: boolean;
-    workHours?: WorkHour[];
-    providerHasBookingManagement: boolean;
-    isLoading?: boolean;
-}
-export declare const DateInput: ({ isEventEditProductSet, isLoading, workHours, providerHasBookingManagement, }: DateAndRecurrenceInputProps) => JSX.Element;
-export declare const sameWidthPopperModifier: Modifier<"sameWidth", Record<string, unknown>>;
-export {};
-//# sourceMappingURL=DateInput.d.ts.map

package/dist/product-set/control/DateInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAG7G,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAgBtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,4BAA4B,EAAE,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,mFAKnB,2BAA2B,gBAmP7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAC"}

package/dist/product-set/control/DateInput.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),t=require("react"),n=e(t),i=require("react-i18next"),a=require("react-bootstrap"),u=require("../../static/Icon.js"),o=require("react-hook-form"),l=require("@react-aria/utils"),s=require("react-use"),c=require("luxon");require("../../static/index.js");var d=require("../../modals/confirmation/ConfirmModal.js"),m=require("rrule"),v=e(m),f=require("@licklist/core/dist/Config/Date"),p=require("../../recurring-date-picker-input/RecurringDatePickerInput.js"),g=require("../../zone/form/components/AvailableTimesControl.js"),T=require("../../recurring-date-picker-input/DatePickerInput.js"),b=require("./ProductSetRecurrenceOverridesControl.js"),E={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.DateInput=function(e){var x,D,q,R,h=e.isEventEditProductSet,_=e.isLoading,y=e.workHours,I=e.providerHasBookingManagement,M=o.useFormContext(),O=M.control,k=M.register,w=M.formState.errors,C=M.getValues,S=M.setValue,F=M.clearErrors,j=o.useFieldArray({name:"menuRecurrences",control:O,keyName:"_id"}),A=j.fields,N=j.append,P=j.update,V=r.__read(t.useState(!1),2),L=V[0],W=V[1],B=t.useRef(),H=r.__read(t.useState({index:null,values:null}),2),z=H[0],G=H[1],J=function(){return G({index:null,values:null})},K=t.useRef();s.useClickAway(K,(function(e){var r,t,n;d.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(W(!1),J())}));var U=l.useId(),Y=i.useTranslation("Design").t,Z=function(){A.length>=1||(J(),W((function(e){return!e})))};return n.createElement(a.Form.Group,null,n.createElement(a.Form.Label,null,Y(h?"whenOverridesAvailable":"productSetAvailable")),n.createElement(a.OverlayTrigger,{show:L,overlay:n.createElement(a.Popover,{id:U,className:"rounded"},n.createElement(a.Popover.Content,{className:"shadow-lg rounded",ref:K},n.createElement(T.DatePickerInput,{defaultValues:z.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,a,u,o,l,s,d,g,T,b,E;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,null===(d=B.current)||void 0===d?void 0:d.trigger()];case 1:return t=r.sent(),(null==e?void 0:e.startTime)&&(null==e?void 0:e.endTime)&&t&&(n=c.DateTime.fromISO(e.startTime),i=c.DateTime.fromISO(e.endTime),a=B.current.getValues().availableTimes,!a.every((function(e){var r=c.DateTime.fromFormat(e,f.TIME_FORMAT);return r.diff(n,"minutes").minutes>=0&&r.diff(i,"minutes").minutes<=0})))?(B.current.setError("availableTimes",{message:Y("Validation:fieldTimeBetween",{attribute:Y("Design:startTimesSmall"),min:n.toFormat(f.TIME_FORMAT),max:i.toFormat(f.TIME_FORMAT)})}),[2]):(u=p.getDateTimeObject(e.startDate,e.endTime||"23:59:59"),o=v.optionsToString({until:u.toJSDate(),byweekday:[],freq:m.Frequency.DAILY,tzid:f.TIMEZONE,interval:1}).replace("RRULE:",""),l=(null===(T=null===(g=null==B?void 0:B.current)||void 0===g?void 0:g.getValues())||void 0===T?void 0:T.availableTimes)||null,s={rrule:o,startDate:e.startDate,endDate:e.startDate,startTime:e.startTime,endTime:e.endTime,availableTimes:l},(null===(b=z.values)||void 0===b?void 0:b.id)&&(s.id=null===(E=z.values)||void 0===E?void 0:E.id),null!==z.index?P(z.index,s):N(s),W((function(){return!1})),J(),[2])}}))}))},onDelete:function(){var e=z.index;W(!1),J(),setTimeout((function(){var r=C().menuRecurrences;S("menuRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)}},I&&n.createElement(g.AvailableTimesControl,{workHours:y,isLoading:_,ref:B,defaultValues:[],errorMessage:null===(q=null===(D=null===(x=null==w?void 0:w.menuRecurrences)||void 0===x?void 0:x["".concat(null==z?void 0:z.index)])||void 0===D?void 0:D.availableTimes)||void 0===q?void 0:q.message,clearErrorMessage:function(){return F("menuRecurrences.".concat(null==z?void 0:z.index,".availableTimes"))}})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[E]}},n.createElement("div",{className:"product-set-recurrences"},A.map((function(e,r){var t,i,a;return n.createElement(b.ProductSetRecurrenceOverridesControl,{key:e._id,menuRecurrence:e,onEdit:function(){return function(e,r){J(),setTimeout((function(){G({index:r,values:e}),W((function(){return!0}))}),100)}(e,r)},errorMessage:null===(a=null===(i=null===(t=null==w?void 0:w.menuRecurrences)||void 0===t?void 0:t["".concat(r)])||void 0===i?void 0:i.availableTimes)||void 0===a?void 0:a.message})})),n.createElement("div",{className:"product-set-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:Z,onKeyDown:Z},n.createElement(u.default,{type:"plus-circle",height:"1rem",className:"product-set-recurrence-icon-add mr-2"}),Y("addDates")),n.createElement(a.Form.Control,r.__assign({type:"hidden"},k("menuRecurrences",{required:{value:!0,message:Y("Validation:fieldMinNumber",{attribute:Y("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(R=w.menuRecurrences)||void 0===R?void 0:R.message))))},exports.sameWidthPopperModifier=E;

package/dist/product-set/control/ProductSetRecurrenceOverridesControl.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-export interface ProductSetRecurrenceControlProps {
-    menuRecurrence?: {
-        _id: string;
-    } & Partial<ProductSetRecurrence>;
-    onEdit?: (onEdit: Partial<ProductSetRecurrence>) => void;
-    errorMessage?: string;
-}
-export declare const ProductSetRecurrenceOverridesControl: ({ menuRecurrence, onEdit, errorMessage, }: ProductSetRecurrenceControlProps) => JSX.Element;
-//# sourceMappingURL=ProductSetRecurrenceOverridesControl.d.ts.map

package/dist/product-set/control/ProductSetRecurrenceOverridesControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductSetRecurrenceOverridesControl.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/ProductSetRecurrenceOverridesControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAI7G,MAAM,WAAW,gCAAgC;IAC/C,cAAc,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,oCAAoC,8CAI9C,gCAAgC,gBA8ClC,CAAC"}

package/dist/product-set/control/ProductSetRecurrenceOverridesControl.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("../../static/Icon.js");require("../../static/index.js");var c=require("react-intl");exports.ProductSetRecurrenceOverridesControl=function(e){var r=e.menuRecurrence,n=e.onEdit,l=e.errorMessage,s=c.useIntl().formatDate;return t.createElement("div",{className:"sortable-tree-root flex-column",role:"button",tabIndex:0},t.createElement("div",{key:r.rrule,className:"product-set-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"},t.createElement("span",{className:"d-flex flex-row align-items-center"},t.createElement(a.default,{type:"calendar",height:"1rem",className:"product-set-recurrence-icon-calendar"}),t.createElement("span",{className:"product-set-recurrence-title d-flex flex-grow-1"},s(r.startDate,{dateStyle:"medium"})," "),t.createElement("div",{className:"d-inline-flex",role:"button",tabIndex:0,onClick:function(){return n(r)},onKeyDown:function(){return n(r)}},t.createElement(a.default,{type:"ellipsis-h",height:"1rem",className:"product-set-recurrence-icon-more"}))),t.createElement("span",{className:"product-set-recurrence-description"},s(r.startDate,{dateStyle:"medium"})," ")),t.createElement("div",{className:"manual-form-error ".concat(!l&&"d-none")},l))};

package/dist/recurring-date-picker-input/DatePickerInput.d.ts

@@ -1,19 +0,0 @@
-import { PropsWithChildren } from "react";
-import { Frequency } from "rrule";
-import { RecurringDatePickerInputValues } from "./RecurringDatePickerInput";
-export interface RecurringDatePickerInputProps {
-    disabled?: boolean;
-    defaultValues?: Partial<RecurringDatePickerInputValues>;
-    onChange: (state: RecurringDatePickerInputValues) => void;
-    onDelete: () => void;
-    initialFrequency?: Frequency;
-    setInitialStartDateAfterSelect?: boolean;
-    minDate?: string;
-}
-export interface DatePickerInputValues {
-    startDate: string;
-    startTime: string;
-    endTime: string;
-}
-export declare function DatePickerInput({ disabled, onChange, onDelete, defaultValues, children, minDate, }: PropsWithChildren<RecurringDatePickerInputProps>): JSX.Element;
-//# sourceMappingURL=DatePickerInput.d.ts.map

package/dist/recurring-date-picker-input/DatePickerInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/DatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AAG5E,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eAwDlD"}

package/dist/recurring-date-picker-input/DatePickerInput.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),n=e(require("react")),r=require("react-i18next"),i=e(require("react-bootstrap/Button")),a=require("react-bootstrap"),l=require("react-hook-form"),o=require("luxon"),u=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var d=require("../product-set/elements/DeleteFieldButton.js"),s=require("@licklist/core/dist/Config/Date"),m=require("./RecurrenceAndFrequencyInput.js");exports.DatePickerInput=function(e){var c,f,v,D=e.disabled,p=void 0!==D&&D,g=e.onChange,q=e.onDelete,b=e.defaultValues,T=e.children,_=e.minDate,E=r.useTranslation(["Design"]).t,F=l.useForm({defaultValues:{startDate:null!==(c=null==b?void 0:b.startDate)&&void 0!==c?c:"",startTime:null!==(f=null==b?void 0:b.startTime)&&void 0!==f?f:"",endTime:null!==(v=null==b?void 0:b.endTime)&&void 0!==v?v:""},mode:"onChange"}),j=F.handleSubmit,x=function(e){var n=(null==e?void 0:e.endTime)?o.DateTime.fromISO(null==e?void 0:e.endTime).toFormat(s.TIME_FULL_FORMAT):"";g(t.__assign(t.__assign({},e),{endTime:n}))};return n.createElement(l.FormProvider,t.__assign({},F),n.createElement(a.Form,{noValidate:!0,onSubmit:function(e){return e.preventDefault(),e.stopPropagation(),j(x)(e)}},n.createElement(m.default,{disabled:p,minDate:_}),T,n.createElement("div",{className:"d-inline-flex align-items-center w-100"},n.createElement(i,{type:"submit"},E("Design:apply")),b&&n.createElement("div",{className:"d-flex justify-content-end delete-btn"},n.createElement(u.ConfirmModal,null,(function(e){return n.createElement(d.DeleteFieldButton,{onDelete:function(){return e(q)}})}))))))};

package/dist/recurring-date-picker-input/RecurrenceAndFrequencyInput.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { RegisterOptions } from "react-hook-form";
-interface RecurrenceIntervalAndFrequencyInputProps {
-    disabled?: boolean;
-    minDate?: string;
-    startDateLabel?: string;
-    startTimeLabel?: string;
-    endDateLabel?: string;
-    endTimeLabel?: string;
-    startTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
-    endTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
-}
-declare function RecurrenceAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endTimeLabel, startTimeRules, endTimeRules, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
-export default RecurrenceAndFrequencyInput;
-//# sourceMappingURL=RecurrenceAndFrequencyInput.d.ts.map

package/dist/recurring-date-picker-input/RecurrenceAndFrequencyInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecurrenceAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceAndFrequencyInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAGlE,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CACnB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;IACF,YAAY,CAAC,EAAE,IAAI,CACjB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,iBAAS,2BAA2B,CAAC,EACnC,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,GACb,EAAE,wCAAwC,eAqG1C;AAED,eAAe,2BAA2B,CAAC"}

package/dist/recurring-date-picker-input/RecurrenceAndFrequencyInput.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),i=require("react-bootstrap"),n=require("react-hook-form"),o=require("luxon");exports.default=function(e){var m,s,u,d=e.disabled,c=void 0!==d&&d,v=e.minDate,f=e.startDateLabel,b=e.startTimeLabel,g=e.endTimeLabel,p=e.startTimeRules,E=e.endTimeRules,T=r.useTranslation(["Design","Notification","App"]).t,F=n.useFormContext(),D=F.getValues,_=F.formState.errors,C=F.register,q=F.trigger,h=D("startDate"),x=D("startTime"),y=D("endTime");return a.useEffect((function(){x&&y&&q("endTime")}),[x]),l.createElement(l.Fragment,null,l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=f?f:T("Design:date")),l.createElement(i.Form.Control,t.__assign({type:"date"},C("startDate",{required:!0}),{defaultValue:h,className:h&&"date-input-with-value",disabled:c,min:v,isInvalid:Boolean(_.startDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(m=_.startDate)||void 0===m?void 0:m.message)))),l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=b?b:T("Design:availableFrom")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("startTime",t.__assign({required:!1},p)),{placeholder:"hh:mm",defaultValue:x,disabled:c,isInvalid:Boolean(_.startTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(s=_.startTime)||void 0===s?void 0:s.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=g?g:T("Design:availableTo")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("endTime",t.__assign({required:!1,validate:function(e){var t;if(!x||!e)return!0;var a=o.DateTime.fromISO(x),l=o.DateTime.fromISO(e);return(null===(t=null==l?void 0:l.diff(a,["minutes"]))||void 0===t?void 0:t.minutes)>=0||"".concat(T("Validation:fieldLaterDate",{attribute:T("Design:endTimeSmall"),min:T("Design:startTimeSmall")}))}},E)),{placeholder:"hh:mm",defaultValue:y,disabled:c,isInvalid:Boolean(_.endTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=_.endTime)||void 0===u?void 0:u.message)))))};

package/src/iframe/ryft/utils/ryft-form.ts

@@ -1,47 +0,0 @@
-import { TFunction } from "react-i18next";
-
-export const injectComponentsInRyftForm = ({
-  t,
-}: {
-  t: TFunction<string[]>;
-}) => {
-  const cardContainer = document.getElementById("ryft-pay-iframe");
-  const oldCardDividerContainer = document.getElementById(
-    "card-title-container"
-  );
-
-  if (!cardContainer || oldCardDividerContainer) {
-    return;
-  }
-
-  const cardTitle = document.createElement("div");
-  const cardText = document.createElement("div");
-  const cardTitleContainer = document.createElement("div");
-  cardTitleContainer.id = "card-title-container";
-  cardTitle.textContent = t("Design:enterCardDetails");
-  cardText.className = "bold-text form-label";
-  cardText.innerText = t("Design:paymentDetails");
-  cardTitleContainer.append(cardTitle, cardText);
-  cardContainer?.before(cardTitleContainer);
-
-  const payGrid = document.getElementById("ryft-pay-grid");
-
-  if (!payGrid) {
-    return;
-  }
-
-  // Adding title and divider for apple and google pay button
-  const mobilePayTitle = document.createElement("div");
-  const dividerText = document.createElement("div");
-  const divider = document.createElement("div");
-  const container = document.createElement("div");
-  mobilePayTitle.className = "mobile-pay-title";
-  mobilePayTitle.innerText = t("Design:expressCheckoutWith");
-  dividerText.id = "mobile-pay-divider-text";
-  dividerText.innerText = "or";
-  divider.id = "mobile-pay-divider";
-  container.id = "mobile-pay-divider-container";
-  container.append(dividerText, divider);
-  payGrid.before(mobilePayTitle);
-  payGrid.after(container);
-};

package/src/product-set/control/DateInput.tsx

@@ -1,313 +0,0 @@
-import React, { useRef, useState } from "react";
-import { Modifier } from "@popperjs/core";
-import { useId } from "@react-aria/utils";
-import { Form, OverlayTrigger, Popover } from "react-bootstrap";
-import { useFieldArray, useFormContext } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { useClickAway } from "react-use";
-import { TIMEZONE, TIME_FORMAT } from "@licklist/core/dist/Config/Date";
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-import { DateTime } from "luxon";
-import RRule, { Frequency } from "rrule";
-import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-
-import { DatePickerInput } from "../../recurring-date-picker-input/DatePickerInput";
-import { CONFIRM_MODAL_ACTIONS } from "../../modals/confirmation/ConfirmModal";
-import { Icon } from "../../static";
-
-import {
-  AvailableTimesControl,
-  AvailableTimesControlRef,
-} from "../../zone/form/components/AvailableTimesControl";
-import {
-  RecurringDatePickerInputValues,
-  getDateTimeObject,
-} from "../../recurring-date-picker-input/RecurringDatePickerInput";
-import { ProductSetRecurrenceOverridesControl } from "./ProductSetRecurrenceOverridesControl";
-
-export interface DateAndRecurrenceInputValues {
-  menuRecurrences?: Partial<ProductSetRecurrence>[];
-}
-
-interface DateAndRecurrenceInputProps {
-  isEventEditProductSet?: boolean;
-  workHours?: WorkHour[];
-  providerHasBookingManagement: boolean;
-  isLoading?: boolean;
-}
-
-export const DateInput = ({
-  isEventEditProductSet,
-  isLoading,
-  workHours,
-  providerHasBookingManagement,
-}: DateAndRecurrenceInputProps) => {
-  const {
-    control,
-    register,
-    formState: { errors },
-    getValues,
-    setValue,
-    clearErrors,
-  } = useFormContext<DateAndRecurrenceInputValues>();
-
-  const { fields, append, update } = useFieldArray({
-    name: "menuRecurrences",
-    control,
-    keyName: "_id",
-  });
-
-  const [isDatePopoverVisible, setIsDatePopoverVisible] = useState(false);
-  const availableTimesFormRef = useRef<AvailableTimesControlRef>();
-  const [editState, setEditState] = useState<{
-    index: number;
-    values: Partial<ProductSetRecurrence>;
-  }>({
-    index: null,
-    values: null,
-  });
-  const clearEditState = () => setEditState({ index: null, values: null });
-
-  const popoverRef = useRef<HTMLDivElement>();
-
-  useClickAway(popoverRef, (event) => {
-    const isModal = CONFIRM_MODAL_ACTIONS.includes(
-      (event.target as HTMLElement)?.attributes?.getNamedItem("data-id")?.value
-    );
-
-    if (isModal) {
-      return;
-    }
-
-    setIsDatePopoverVisible(false);
-    clearEditState();
-  });
-
-  const popoverId = useId()!;
-
-  const handleOnEdit = (next: Partial<ProductSetRecurrence>, index) => {
-    clearEditState();
-
-    // Hotfix for an issue with Popover close & open actions
-    setTimeout(() => {
-      setEditState({ index, values: next });
-      setIsDatePopoverVisible(() => true);
-    }, 100);
-  };
-
-  const { t } = useTranslation("Design");
-
-  // in this method we should fulfill the form with a proper data
-  const handleRecurringDateChange = async (
-    next: RecurringDatePickerInputValues
-  ) => {
-    const isAvailableTimesFormValid =
-      await availableTimesFormRef.current?.trigger();
-
-    if (next?.startTime && next?.endTime && isAvailableTimesFormValid) {
-      const startTime = DateTime.fromISO(next.startTime);
-      const endTime = DateTime.fromISO(next.endTime);
-      const { availableTimes } = availableTimesFormRef.current.getValues();
-      const validAvalilableTimes = availableTimes.every((time) => {
-        const currentAvailableTime = DateTime.fromFormat(time, TIME_FORMAT);
-
-        return (
-          currentAvailableTime.diff(startTime, "minutes").minutes >= 0 &&
-          currentAvailableTime.diff(endTime, "minutes").minutes <= 0
-        );
-      });
-      if (!validAvalilableTimes) {
-        availableTimesFormRef.current.setError("availableTimes", {
-          message: t("Validation:fieldTimeBetween", {
-            attribute: t("Design:startTimesSmall"),
-            min: startTime.toFormat(TIME_FORMAT),
-            max: endTime.toFormat(TIME_FORMAT),
-          }),
-        });
-
-        return;
-      }
-    }
-    const start = getDateTimeObject(next.startDate, next.endTime || "23:59:59");
-
-    const rrule = RRule.optionsToString({
-      until: (start as DateTime).toJSDate(),
-      byweekday: [],
-      freq: Frequency.DAILY,
-      tzid: TIMEZONE,
-      interval: 1,
-    }).replace("RRULE:", "");
-
-    const availableTime =
-      availableTimesFormRef?.current?.getValues()?.availableTimes || null;
-    const values = {
-      rrule,
-      startDate: next.startDate,
-      endDate: next.startDate,
-      startTime: next.startTime,
-      endTime: next.endTime,
-      availableTimes: availableTime,
-    } as Partial<ProductSetRecurrence>;
-
-    if (editState.values?.id) {
-      values.id = editState.values?.id;
-    }
-
-    if (editState.index !== null) {
-      update(editState.index, values);
-    } else {
-      append(values);
-    }
-
-    setIsDatePopoverVisible(() => false);
-    clearEditState();
-  };
-
-  const handleOnAdd = () => {
-    if (fields.length >= 1) return;
-    clearEditState();
-    setIsDatePopoverVisible((prevValue) => !prevValue);
-  };
-
-  const handleDelete = () => {
-    const removeIndex = editState.index;
-
-    setIsDatePopoverVisible(false);
-    clearEditState();
-
-    setTimeout(() => {
-      const { menuRecurrences = [] } = getValues();
-
-      // @TODO looks like workaround
-      // Need recheck other places with remove method.
-      // or update react-hook-form version.
-      // Remove method from useFormFieldArray throw
-      // errors while try to remove element by index.
-      // So we remove them manually
-      setValue(
-        "menuRecurrences",
-        menuRecurrences.filter(
-          (_currentMenuRecurrence, index) => index !== removeIndex
-        )
-      );
-    }, 100);
-  };
-
-  return (
-    <Form.Group>
-      <Form.Label>
-        {t(
-          isEventEditProductSet
-            ? "whenOverridesAvailable"
-            : "productSetAvailable"
-        )}
-      </Form.Label>
-
-      <OverlayTrigger
-        show={isDatePopoverVisible}
-        overlay={
-          <Popover id={popoverId} className="rounded">
-            <Popover.Content className="shadow-lg rounded" ref={popoverRef}>
-              <DatePickerInput
-                defaultValues={editState.values}
-                onChange={handleRecurringDateChange}
-                onDelete={handleDelete}
-              >
-                {providerHasBookingManagement && (
-                  <AvailableTimesControl
-                    workHours={workHours}
-                    isLoading={isLoading}
-                    ref={availableTimesFormRef}
-                    defaultValues={[]}
-                    errorMessage={
-                      errors?.menuRecurrences?.[`${editState?.index}`]
-                        ?.availableTimes?.message
-                    }
-                    clearErrorMessage={() =>
-                      clearErrors(
-                        `menuRecurrences.${editState?.index}.availableTimes`
-                      )
-                    }
-                  />
-                )}
-              </DatePickerInput>
-            </Popover.Content>
-          </Popover>
-        }
-        trigger="click"
-        placement="bottom"
-        popperConfig={{ modifiers: [sameWidthPopperModifier] }}
-      >
-        <div className="product-set-recurrences">
-          {fields.map((menuRecurrence, index) => (
-            <ProductSetRecurrenceOverridesControl
-              key={menuRecurrence._id}
-              menuRecurrence={menuRecurrence}
-              onEdit={() => handleOnEdit(menuRecurrence, index)}
-              errorMessage={
-                errors?.menuRecurrences?.[`${index}`]?.availableTimes?.message
-              }
-            />
-          ))}
-          <div
-            className="product-set-recurrence-icon-wrapper"
-            role="button"
-            tabIndex={0}
-            onClick={handleOnAdd}
-            onKeyDown={handleOnAdd}
-          >
-            <Icon
-              type="plus-circle"
-              height="1rem"
-              className="product-set-recurrence-icon-add mr-2"
-            />
-            {t("addDates")}
-          </div>
-
-          <Form.Control
-            type="hidden"
-            {...register("menuRecurrences", {
-              required: {
-                value: true,
-                message: t("Validation:fieldMinNumber", {
-                  attribute: t("dates"),
-                  min: 1,
-                }),
-              },
-            })}
-          />
-
-          <div className="manual-form-error">
-            {errors.menuRecurrences?.message}
-          </div>
-        </div>
-      </OverlayTrigger>
-    </Form.Group>
-  );
-};
-
-export const sameWidthPopperModifier: Modifier<
-  "sameWidth",
-  Record<string, unknown>
-> = {
-  name: "sameWidth",
-  enabled: true,
-  phase: "beforeWrite",
-  requires: ["computeStyles"],
-  fn({ state }) {
-    const style = {
-      width: `${state.rects.reference.width + 4}px`,
-      marginLeft: "-2px",
-      maxWidth: "unset",
-    };
-    Object.assign(state.styles.popper, style);
-  },
-  effect({ state }) {
-    const { width } = state.elements.reference.getBoundingClientRect();
-    const style = {
-      width: `${width}px`,
-      maxWidth: "unset",
-    };
-    Object.assign(state.elements.popper.style, style);
-  },
-};

package/src/product-set/control/ProductSetRecurrenceOverridesControl.tsx

@@ -1,63 +0,0 @@
-import React from "react";
-import { useIntl } from "react-intl";
-import { ProductSetRecurrence } from "@licklist/core/dist/DataMapper/Product/ProductSetRecurrenceDataMapper";
-
-import { Icon } from "../../static";
-
-export interface ProductSetRecurrenceControlProps {
-  menuRecurrence?: { _id: string } & Partial<ProductSetRecurrence>;
-  onEdit?: (onEdit: Partial<ProductSetRecurrence>) => void;
-  errorMessage?: string;
-}
-
-export const ProductSetRecurrenceOverridesControl = ({
-  menuRecurrence,
-  onEdit,
-  errorMessage,
-}: ProductSetRecurrenceControlProps) => {
-  const { formatDate } = useIntl();
-
-  return (
-    <div className="sortable-tree-root flex-column" role="button" tabIndex={0}>
-      <div
-        key={menuRecurrence.rrule}
-        className="product-set-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"
-      >
-        <span className="d-flex flex-row align-items-center">
-          <Icon
-            type="calendar"
-            height="1rem"
-            className="product-set-recurrence-icon-calendar"
-          />
-          <span className="product-set-recurrence-title d-flex flex-grow-1">
-            {formatDate(menuRecurrence.startDate, {
-              dateStyle: "medium",
-            })}{" "}
-          </span>
-
-          <div
-            className="d-inline-flex"
-            role="button"
-            tabIndex={0}
-            onClick={() => onEdit(menuRecurrence)}
-            onKeyDown={() => onEdit(menuRecurrence)}
-          >
-            <Icon
-              type="ellipsis-h"
-              height="1rem"
-              className="product-set-recurrence-icon-more"
-            />
-          </div>
-        </span>
-        <span className="product-set-recurrence-description">
-          {formatDate(menuRecurrence.startDate, {
-            dateStyle: "medium",
-          })}{" "}
-        </span>
-      </div>
-      <div className={`manual-form-error ${!errorMessage && "d-none"}`}>
-        {errorMessage}
-      </div>
-    </div>
-  );
-};