@licklist/design 0.66.13 → 0.67.1

package/dist/provider/provider-details-input/ProviderDetailsInput.js

@@ -1 +1,233 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),n=require("react"),r=(e=n)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),a=require("react-bootstrap"),o=require("react-hook-form"),l=require("@react-aria/utils"),s=require("../../typeahead/Typeahead.js"),d=require("../constants.js"),m=require("../provider-links-input/ProviderLinksInput.js");exports.ProviderDetailsInput=function(e){var u,c,p,E,g,v=e.companiesOptions,F=void 0===v?[]:v,I=e.linkTypes,b=void 0===I?[]:I,C=o.useFormContext(),_=C.register,h=C.watch,y=C.trigger,f=C.formState.errors,q=i.useTranslation(["App","Design","Validation"]).t,D=l.useId(),T=l.useId(),A=l.useId(),R=l.useId(),k=l.useId(),L=l.useId(),M=h("description");return n.useEffect((function(){d.MAX_DESCRIPTION_CHARACTERS_LENGTH>M.length||y("description")}),[M.length]),r.createElement(r.Fragment,null,r.createElement(a.Form.Group,{controlId:D},r.createElement(a.Form.Label,null,q("Design:name")),r.createElement(a.Form.Control,t.__assign({},_("name",{required:q("Validation:fieldRequired",{attribute:q("Design:name")})}),{name:"name",required:!0,isInvalid:Boolean(f.name)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(u=f.name)||void 0===u?void 0:u.message)),r.createElement(a.Form.Group,{controlId:T},r.createElement(a.Form.Label,null,q("Design:description")),r.createElement(a.Form.Control,t.__assign({},_("description",{validate:function(e){return!(e.length>d.MAX_DESCRIPTION_CHARACTERS_LENGTH)||q("Validation:descriptionTooManyCharactersMessage",{max:d.MAX_DESCRIPTION_CHARACTERS_LENGTH})}}),{as:"textarea",name:"description",rows:6,isInvalid:Boolean(f.description)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(c=f.description)||void 0===c?void 0:c.message)),r.createElement(a.Form.Group,{controlId:A},r.createElement(a.Form.Label,null,q("Design:email")),r.createElement(a.Form.Control,t.__assign({},_("email",{required:q("Validation:fieldRequired",{attribute:q("Design:email")}),pattern:{value:/^\S+@\S+$/,message:q("Validation:fieldValidEmail",{attribute:q("Design:email")})}}),{name:"email",type:"email",inputMode:"email",isInvalid:Boolean(f.email)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(p=f.email)||void 0===p?void 0:p.message)),r.createElement(a.Form.Group,{controlId:R},r.createElement(a.Form.Label,null,q("Design:phone")),r.createElement(a.Form.Control,t.__assign({},_("phone",{required:q("Validation:fieldRequired",{attribute:q("Design:phone")})}),{name:"phone",type:"tel",inputMode:"tel",isInvalid:Boolean(f.phone)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(E=f.phone)||void 0===E?void 0:E.message)),r.createElement(a.Form.Group,{controlId:k},r.createElement(a.Form.Label,null,q("Design:website")),r.createElement(a.Form.Control,t.__assign({},_("website",{pattern:{value:/\S+\.\S+/,message:q("Validation:fieldInvalid",{attribute:q("Design:website")})}}),{name:"website",type:"url",inputMode:"url",isInvalid:Boolean(f.website)})),r.createElement(a.Form.Control.Feedback,{type:"invalid"},null===(g=f.website)||void 0===g?void 0:g.message)),F.length>1&&r.createElement(a.Form.Group,{controlId:L},r.createElement(a.Form.Label,null,q("Design:company")),r.createElement(s.Typeahead,{name:"company",options:F,placeholder:q("App:select"),noOptionsMessage:q("App:noMatchesFound")})),b.length>0&&r.createElement(m.ProviderLinksInput,{linkTypes:b}))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { Form } from 'react-bootstrap';
+import { useFormContext } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { useId } from '@react-aria/utils';
+import { Typeahead } from '../../typeahead/Typeahead.js';
+import { MAX_DESCRIPTION_CHARACTERS_LENGTH } from '../constants.js';
+import { ProviderLinksInput } from '../provider-links-input/ProviderLinksInput.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function ProviderDetailsInput(param) {
+    var _param_companiesOptions = param.companiesOptions, companiesOptions = _param_companiesOptions === void 0 ? [] : _param_companiesOptions, _param_linkTypes = param.linkTypes, linkTypes = _param_linkTypes === void 0 ? [] : _param_linkTypes;
+    var _errors_name, _errors_description, _errors_email, _errors_phone, _errors_website;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, watch = _useFormContext.watch, trigger = _useFormContext.trigger, errors = _useFormContext.formState.errors;
+    var t = useTranslation([
+        "App",
+        "Design",
+        "Validation"
+    ]).t;
+    var nameId = useId();
+    var descriptionId = useId();
+    var emailId = useId();
+    var phoneId = useId();
+    var websiteId = useId();
+    var companyId = useId();
+    var description = watch("description");
+    useEffect(function() {
+        if (MAX_DESCRIPTION_CHARACTERS_LENGTH > description.length) return;
+        trigger("description");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        description.length
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: nameId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:name")
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("name", {
+                        required: t("Validation:fieldRequired", {
+                            attribute: t("Design:name")
+                        })
+                    })), {
+                        name: "name",
+                        required: true,
+                        isInvalid: Boolean(errors.name)
+                    })),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_name = errors.name) === null || _errors_name === void 0 ? void 0 : _errors_name.message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: descriptionId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:description")
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("description", {
+                        validate: function(value) {
+                            var descriptionLength = value.length;
+                            if (descriptionLength > MAX_DESCRIPTION_CHARACTERS_LENGTH) {
+                                return t("Validation:descriptionTooManyCharactersMessage", {
+                                    max: MAX_DESCRIPTION_CHARACTERS_LENGTH
+                                });
+                            }
+                            return true;
+                        }
+                    })), {
+                        as: "textarea",
+                        name: "description",
+                        rows: 6,
+                        isInvalid: Boolean(errors.description)
+                    })),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_description = errors.description) === null || _errors_description === void 0 ? void 0 : _errors_description.message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: emailId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:email")
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("email", {
+                        required: t("Validation:fieldRequired", {
+                            attribute: t("Design:email")
+                        }),
+                        pattern: {
+                            value: /^\S+@\S+$/,
+                            message: t("Validation:fieldValidEmail", {
+                                attribute: t("Design:email")
+                            })
+                        }
+                    })), {
+                        name: "email",
+                        type: "email",
+                        inputMode: "email",
+                        isInvalid: Boolean(errors.email)
+                    })),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_email = errors.email) === null || _errors_email === void 0 ? void 0 : _errors_email.message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: phoneId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:phone")
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("phone", {
+                        required: t("Validation:fieldRequired", {
+                            attribute: t("Design:phone")
+                        })
+                    })), {
+                        name: "phone",
+                        type: "tel",
+                        inputMode: "tel",
+                        isInvalid: Boolean(errors.phone)
+                    })),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_phone = errors.phone) === null || _errors_phone === void 0 ? void 0 : _errors_phone.message
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: websiteId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:website")
+                    }),
+                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("website", {
+                        pattern: {
+                            value: /\S+\.\S+/,
+                            message: t("Validation:fieldInvalid", {
+                                attribute: t("Design:website")
+                            })
+                        }
+                    })), {
+                        name: "website",
+                        type: "url",
+                        inputMode: "url",
+                        isInvalid: Boolean(errors.website)
+                    })),
+                    /*#__PURE__*/ jsx(Form.Control.Feedback, {
+                        type: "invalid",
+                        children: (_errors_website = errors.website) === null || _errors_website === void 0 ? void 0 : _errors_website.message
+                    })
+                ]
+            }),
+            companiesOptions.length > 1 && /*#__PURE__*/ jsxs(Form.Group, {
+                controlId: companyId,
+                children: [
+                    /*#__PURE__*/ jsx(Form.Label, {
+                        children: t("Design:company")
+                    }),
+                    /*#__PURE__*/ jsx(Typeahead, {
+                        name: "company",
+                        options: companiesOptions,
+                        placeholder: t("App:select"),
+                        noOptionsMessage: t("App:noMatchesFound")
+                    })
+                ]
+            }),
+            linkTypes.length > 0 && /*#__PURE__*/ jsx(ProviderLinksInput, {
+                linkTypes: linkTypes
+            })
+        ]
+    });
+}
+
+export { ProviderDetailsInput };

package/dist/provider/provider-details-input/index.d.ts

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

package/dist/provider/provider-form/ProviderForm.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
-import { CategoriesInputProps, CategoriesInputValues } from "../categories-input";
-import { LocationInputValues } from "../location-input";
-import { ProviderDetailsInputProps, ProviderDetailsInputValues } from "../provider-details-input";
-import { TypeaheadOptions } from "../../typeahead";
-export type ProviderFormValues = ProviderDetailsInputValues & LocationInputValues & CategoriesInputValues;
-export interface ProviderFormProps extends HasPermissionProp {
-    defaultValues?: ProviderFormValues;
-    categories?: CategoriesInputProps["categories"];
-    linkTypes?: ProviderDetailsInputProps["linkTypes"];
-    companiesOptions?: TypeaheadOptions[];
-    onSubmit: (values: ProviderFormValues) => void;
-    intent?: "create" | "update";
-}
-export declare function ProviderForm({ defaultValues, categories, companiesOptions, linkTypes, onSubmit, intent, hasPermission, }: ProviderFormProps): JSX.Element;
+import { HasPermissionProp } from "@licklist/plugins/dist/types/permission/Permission";
+import { CategoriesInputProps, CategoriesInputValues } from "../categories-input";
+import { LocationInputValues } from "../location-input";
+import { ProviderDetailsInputProps, ProviderDetailsInputValues } from "../provider-details-input";
+import { TypeaheadOptions } from "../../typeahead";
+export type ProviderFormValues = ProviderDetailsInputValues & LocationInputValues & CategoriesInputValues;
+export interface ProviderFormProps extends HasPermissionProp {
+    defaultValues?: ProviderFormValues;
+    categories?: CategoriesInputProps["categories"];
+    linkTypes?: ProviderDetailsInputProps["linkTypes"];
+    companiesOptions?: TypeaheadOptions[];
+    onSubmit: (values: ProviderFormValues) => void;
+    intent?: "create" | "update";
+}
+export declare function ProviderForm({ defaultValues, categories, companiesOptions, linkTypes, onSubmit, intent, hasPermission, }: ProviderFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProviderForm.d.ts.map

package/dist/provider/provider-form/ProviderForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderForm.d.ts","sourceRoot":"","sources":["../../../src/provider/provider-form/ProviderForm.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAEvF,OAAO,EAGL,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAGL,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,GACzD,mBAAmB,GACnB,qBAAqB,CAAC;AAExB,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC9B;AAOD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,MAAiB,EACjB,aAAoB,GACrB,EAAE,iBAAiB,eA6GnB"}
+{"version":3,"file":"ProviderForm.d.ts","sourceRoot":"","sources":["../../../src/provider/provider-form/ProviderForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAEvF,OAAO,EAGL,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAGL,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,GACzD,mBAAmB,GACnB,qBAAqB,CAAC;AAExB,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC9B;AAOD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,MAAiB,EACjB,aAAoB,GACrB,EAAE,iBAAiB,2CA6GnB"}

package/dist/provider/provider-form/ProviderForm.js

@@ -1 +1,217 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),i=require("react"),r=(e=i)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form"),l=require("../../collapsible-input-group/CollapsibleInputGroup.js"),s=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),u=require("../../file-upload/FileUpload.js"),c=require("@licklist/plugins/dist/hooks/Media/useMultipleImages"),p=require("../categories-input/CategoriesInput.js"),m=require("../categories-input/CategoriesInputDescription.js");require("../location-input/components/FormGroupControll.js");var d=require("../location-input/LocationInput.js"),g=require("../location-input/LocationInputDescription.js"),E=require("../provider-details-input/ProviderDetailsInput.js"),I={uploadImage:s.IMAGE_TYPE_MAP[s.IMAGE_TYPE_IMAGE],uploadCover:s.IMAGE_TYPE_MAP[s.IMAGE_TYPE_COVER]};exports.ProviderForm=function(e){var f,v,M=e.defaultValues,_=e.categories,b=e.companiesOptions,P=e.linkTypes,A=e.onSubmit,q=e.intent,y=void 0===q?"update":q,j=e.hasPermission,G=void 0===j||j,C=o.useForm({defaultValues:M}),T=C.setValue,F=C.handleSubmit,h=C.formState,D=h.isSubmitting,k=h.errors,S=C.getValues,x=a.useTranslation("Design").t,L=t.__read(i.useState(null),2),Y=L[0],V=L[1],O=c.useMultipleImages(Y),N=O.images,R=O.handleImageRemove,U=O.handleImageUploading,w=O.isImagesLoading,K=O.isCoverImagesLoading;return i.useEffect((function(){var e=S("images");V(e)}),[V,S]),i.useEffect((function(){Array.isArray(N)&&T("images",N)}),[N,T]),r.createElement(o.FormProvider,t.__assign({},C),r.createElement(n.Form,{className:"d-flex flex-column",noValidate:!0,onSubmit:F(A)},r.createElement(E.ProviderDetailsInput,{linkTypes:P,companiesOptions:b}),r.createElement(n.Accordion,{className:"my-4"},r.createElement(l.CollapsibleInputGroup,{eventKey:"location",label:x("location"),description:r.createElement(g.LocationInputDescription,null),error:null===(v=null===(f=null==k?void 0:k.location)||void 0===f?void 0:f.country)||void 0===v?void 0:v.message},r.createElement(d.LocationInput,null)),_&&_.length>0&&r.createElement(l.CollapsibleInputGroup,{eventKey:"categories",label:x("categories"),description:r.createElement(m.CategoriesInputDescription,{categories:_})},r.createElement(p.CategoriesInput,{categories:_}))),Object.keys(I).map((function(e){var t=I[e];return r.createElement(u.FileUpload,{key:e,allowedExtensions:["jpg","jpeg","png"],enablePreview:!0,defaultFiles:null==N?void 0:N.filter((function(e){return s.IMAGE_TYPE_MAP[e.imageType]===t})),onFilesChange:function(e){U(e,t)},title:x(e),onFileRemove:function(e,i){return R(String(e),i,t)},isLoading:t===s.IMAGE_TYPE_MAP[s.IMAGE_TYPE_IMAGE]?w:K})})),G&&r.createElement(n.Button,{type:"submit",disabled:D||w||K,className:"d-flex align-items-center align-self-end"},D&&r.createElement(n.Spinner,{animation:"border",size:"sm",role:"status","aria-hidden":"true",className:"mr-2"}),x(y))))};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Form, Accordion, Button, Spinner } from 'react-bootstrap';
+import { useForm, FormProvider } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { IMAGE_TYPE_MAP, IMAGE_TYPE_IMAGE, IMAGE_TYPE_COVER } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
+import { useMultipleImages } from '@licklist/plugins/dist/hooks/Media/useMultipleImages';
+import { CollapsibleInputGroup } from '../../collapsible-input-group/CollapsibleInputGroup.js';
+import { CategoriesInput } from '../categories-input/CategoriesInput.js';
+import { CategoriesInputDescription } from '../categories-input/CategoriesInputDescription.js';
+import { LocationInput } from '../location-input/LocationInput.js';
+import { LocationInputDescription } from '../location-input/LocationInputDescription.js';
+import { ProviderDetailsInput } from '../provider-details-input/ProviderDetailsInput.js';
+import { FileUpload } from '../../file-upload/FileUpload.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var providerImageTypes = {
+    uploadImage: IMAGE_TYPE_MAP[IMAGE_TYPE_IMAGE],
+    uploadCover: IMAGE_TYPE_MAP[IMAGE_TYPE_COVER]
+};
+function ProviderForm(param) {
+    var defaultValues = param.defaultValues, categories = param.categories, companiesOptions = param.companiesOptions, linkTypes = param.linkTypes, onSubmit = param.onSubmit, _param_intent = param.intent, intent = _param_intent === void 0 ? "update" : _param_intent, _param_hasPermission = param.hasPermission, hasPermission = _param_hasPermission === void 0 ? true : _param_hasPermission;
+    var _errors_location_country, _errors_location;
+    var form = useForm({
+        defaultValues: defaultValues
+    });
+    var setValue = form.setValue, handleSubmit = form.handleSubmit, _form_formState = form.formState, isSubmitting = _form_formState.isSubmitting, errors = _form_formState.errors, getValues = form.getValues;
+    var t = useTranslation("Design").t;
+    var _useState = _sliced_to_array(useState(null), 2), initialImages = _useState[0], setInitialImages = _useState[1];
+    var _useMultipleImages = useMultipleImages(initialImages), images = _useMultipleImages.images, handleImageRemove = _useMultipleImages.handleImageRemove, handleImageUploading = _useMultipleImages.handleImageUploading, isImagesLoading = _useMultipleImages.isImagesLoading, isCoverImagesLoading = _useMultipleImages.isCoverImagesLoading;
+    useEffect(function() {
+        var formImages = getValues("images");
+        setInitialImages(formImages);
+    }, [
+        setInitialImages,
+        getValues
+    ]);
+    useEffect(function() {
+        if (Array.isArray(images)) {
+            setValue("images", images);
+        }
+    }, [
+        images,
+        setValue
+    ]);
+    return /*#__PURE__*/ jsx(FormProvider, _object_spread_props(_object_spread({}, form), {
+        children: /*#__PURE__*/ jsxs(Form, {
+            className: "d-flex flex-column",
+            noValidate: true,
+            onSubmit: handleSubmit(onSubmit),
+            children: [
+                /*#__PURE__*/ jsx(ProviderDetailsInput, {
+                    linkTypes: linkTypes,
+                    companiesOptions: companiesOptions
+                }),
+                /*#__PURE__*/ jsxs(Accordion, {
+                    className: "my-4",
+                    children: [
+                        /*#__PURE__*/ jsx(CollapsibleInputGroup, {
+                            eventKey: "location",
+                            label: t("location"),
+                            description: /*#__PURE__*/ jsx(LocationInputDescription, {}),
+                            error: errors === null || errors === void 0 ? void 0 : (_errors_location = errors.location) === null || _errors_location === void 0 ? void 0 : (_errors_location_country = _errors_location.country) === null || _errors_location_country === void 0 ? void 0 : _errors_location_country.message,
+                            children: /*#__PURE__*/ jsx(LocationInput, {})
+                        }),
+                        categories && categories.length > 0 && /*#__PURE__*/ jsx(CollapsibleInputGroup, {
+                            eventKey: "categories",
+                            label: t("categories"),
+                            description: /*#__PURE__*/ jsx(CategoriesInputDescription, {
+                                categories: categories
+                            }),
+                            children: /*#__PURE__*/ jsx(CategoriesInput, {
+                                categories: categories
+                            })
+                        })
+                    ]
+                }),
+                Object.keys(providerImageTypes).map(function(keyTitle) {
+                    var imageType = providerImageTypes[keyTitle];
+                    return /*#__PURE__*/ jsx(FileUpload, {
+                        allowedExtensions: [
+                            "jpg",
+                            "jpeg",
+                            "png"
+                        ],
+                        enablePreview: true,
+                        defaultFiles: images === null || images === void 0 ? void 0 : images.filter(function(image) {
+                            return IMAGE_TYPE_MAP[image.imageType] === imageType;
+                        }),
+                        onFilesChange: function(files) {
+                            handleImageUploading(files, imageType);
+                        },
+                        title: t(keyTitle),
+                        onFileRemove: function(id, path) {
+                            return handleImageRemove(String(id), path, imageType);
+                        },
+                        isLoading: imageType === IMAGE_TYPE_MAP[IMAGE_TYPE_IMAGE] ? isImagesLoading : isCoverImagesLoading
+                    }, keyTitle);
+                }),
+                hasPermission && /*#__PURE__*/ jsxs(Button, {
+                    type: "submit",
+                    disabled: isSubmitting || isImagesLoading || isCoverImagesLoading,
+                    className: "d-flex align-items-center align-self-end",
+                    children: [
+                        isSubmitting && /*#__PURE__*/ jsx(Spinner, {
+                            animation: "border",
+                            size: "sm",
+                            role: "status",
+                            "aria-hidden": "true",
+                            className: "mr-2"
+                        }),
+                        t(intent)
+                    ]
+                })
+            ]
+        })
+    }));
+}
+
+export { ProviderForm };

package/dist/provider/provider-form/index.d.ts

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

package/dist/provider/provider-links-input/ProviderLinksInput.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { ProviderLink, ProviderLinkType } from "../../types/provider-links";
-export type ProviderLinksInputValues = {
-    links: ProviderLink[];
-};
-export type ProviderLinksInputProps = {
-    linkTypes: ProviderLinkType[];
-};
-export declare function ProviderLinksInput({ linkTypes }: ProviderLinksInputProps): JSX.Element;
+import { ProviderLink, ProviderLinkType } from "../../types/provider-links";
+export type ProviderLinksInputValues = {
+    links: ProviderLink[];
+};
+export type ProviderLinksInputProps = {
+    linkTypes: ProviderLinkType[];
+};
+export declare function ProviderLinksInput({ linkTypes }: ProviderLinksInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProviderLinksInput.d.ts.map

package/dist/provider/provider-links-input/ProviderLinksInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProviderLinksInput.d.ts","sourceRoot":"","sources":["../../../src/provider/provider-links-input/ProviderLinksInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,eAqDxE"}
+{"version":3,"file":"ProviderLinksInput.d.ts","sourceRoot":"","sources":["../../../src/provider/provider-links-input/ProviderLinksInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAsDxE"}

package/dist/provider/provider-links-input/ProviderLinksInput.js

@@ -1 +1,112 @@
-"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,i=require("react-i18next"),a=require("react-bootstrap"),l=require("react-hook-form");exports.ProviderLinksInput=function(e){var r=e.linkTypes,o=l.useFormContext(),u=o.control,c=o.register,d=l.useFieldArray({name:"links",control:u,keyName:"key"}),s=d.fields,m=d.append,p=i.useTranslation("Design").t;return n.createElement(n.Fragment,null,s.map((function(e,i){var l,o=r.find((function(t){return"".concat(t.id)===e.id})),u=null!==(l=null==o?void 0:o.name)&&void 0!==l?l:"";return n.createElement(a.Form.Group,{key:e.key},n.createElement(a.Form.Label,null,u),n.createElement("input",t.__assign({},c("links.".concat(i,".id")),{defaultValue:e.id,type:"hidden"})),n.createElement(a.Form.Control,t.__assign({},c("links.".concat(i,".url")),{defaultValue:e.url,type:"url",inputMode:"url"})))})),r.length>0&&n.createElement("div",null,n.createElement(a.DropdownButton,{variant:"outline-primary",title:p("addSocialMediaPage")},r.map((function(e){return n.createElement(a.Dropdown.Item,{key:e.id,onClick:function(){return m({id:"".concat(e.id)})}},e.name)})))))};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Form, DropdownButton, Dropdown } from 'react-bootstrap';
+import { useFormContext, useFieldArray } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function ProviderLinksInput(param) {
+    var linkTypes = param.linkTypes;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, register = _useFormContext.register;
+    var _useFieldArray = useFieldArray({
+        name: "links",
+        control: control,
+        keyName: "key"
+    }), fields = _useFieldArray.fields, append = _useFieldArray.append;
+    var t = useTranslation("Design").t;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            fields.map(function(field, index) {
+                var fieldLinkType = linkTypes.find(function(linkType) {
+                    return "".concat(linkType.id) === field.id;
+                });
+                var _fieldLinkType_name;
+                var formLabel = (_fieldLinkType_name = fieldLinkType === null || fieldLinkType === void 0 ? void 0 : fieldLinkType.name) !== null && _fieldLinkType_name !== void 0 ? _fieldLinkType_name : "";
+                return /*#__PURE__*/ jsxs(Form.Group, {
+                    children: [
+                        /*#__PURE__*/ jsx(Form.Label, {
+                            children: formLabel
+                        }),
+                        /*#__PURE__*/ jsx("input", _object_spread_props(_object_spread({}, register("links.".concat(index, ".id"))), {
+                            defaultValue: field.id,
+                            type: "hidden"
+                        })),
+                        /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("links.".concat(index, ".url"))), {
+                            defaultValue: field.url,
+                            type: "url",
+                            inputMode: "url"
+                        }))
+                    ]
+                }, field.key);
+            }),
+            linkTypes.length > 0 && /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx(DropdownButton, {
+                    variant: "outline-primary",
+                    title: t("addSocialMediaPage"),
+                    children: linkTypes.map(function(linkType) {
+                        return /*#__PURE__*/ jsx(Dropdown.Item, {
+                            /* @ts-expect-error 2345 */ onClick: function() {
+                                return append({
+                                    id: "".concat(linkType.id)
+                                });
+                            },
+                            children: linkType.name
+                        }, linkType.id);
+                    })
+                })
+            })
+        ]
+    });
+}
+
+export { ProviderLinksInput };