mozrest-sdk-react-dev 0.3.70 → 0.3.73

package/mozrest-sdk.es.js

@@ -3410,13 +3410,17 @@ const useFetch = (uri, params, extra) => {
     reload: mutate2
   };
 };
-const GetToken = async ({ key: key2 }) => {
-  const data2 = await instance$1.post("v2/token", {
+const GetToken = async ({ key: key2, parentUserId }) => {
+  const payload = {
     grant_type: "sdk_client_credentials",
     client_id: "3udpy0bpf5uswgg0kk00s8g4s40s084gsgcks4skw8c4gokgsc",
     client_secret: "33rnx8we82lcgckkogo4kwksoossgw04kww0csco8ksg4o04ks",
     key: key2
-  });
+  };
+  if (parentUserId) {
+    payload.real_user_id = parentUserId;
+  }
+  const data2 = await instance$1.post("v2/token", payload);
   sessionStorage.setItem("sdk_accessToken", data2.access_token);
   sessionStorage.setItem("sdk_refreshToken", data2.refresh_token);
   const user = await instance$1.get("user-me");
@@ -3503,7 +3507,8 @@ const Error$2 = ({
 };
 const AuthHandler = ({
   children,
-  accessKey
+  accessKey,
+  parentUserId
 }) => {
   const {
     data: user,
@@ -3511,7 +3516,10 @@ const AuthHandler = ({
     error: error3
   } = useFetch(GetToken, {
     cacheId: "token",
-    key: accessKey
+    key: accessKey,
+    ...parentUserId && {
+      parentUserId
+    }
   });
   if (!accessKey) {
     return /* @__PURE__ */ jsx$1("h1", {
@@ -7944,6 +7952,13 @@ const LOADING$2 = "Loading...";
 const YESTERDAY$2 = "Yesterday";
 const POS_TABLE$2 = "POS Table";
 const SELECT_POS_TABLE$2 = "Select POS table";
+const OCCASIONS$4 = "Occasions";
+const OCCASION$4 = "Occasion";
+const AREA$4 = "Area";
+const MENU$4 = "Menu";
+const SELECT_OCCASION$3 = "Select Occasion";
+const SELECT_AREA$4 = "Select Area";
+const SELECT_MENU$4 = "Select Menu";
 const en = {
   errors: errors$4,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$4,
@@ -8602,7 +8617,14 @@ const en = {
   LOADING: LOADING$2,
   YESTERDAY: YESTERDAY$2,
   POS_TABLE: POS_TABLE$2,
-  SELECT_POS_TABLE: SELECT_POS_TABLE$2
+  SELECT_POS_TABLE: SELECT_POS_TABLE$2,
+  OCCASIONS: OCCASIONS$4,
+  OCCASION: OCCASION$4,
+  AREA: AREA$4,
+  MENU: MENU$4,
+  SELECT_OCCASION: SELECT_OCCASION$3,
+  SELECT_AREA: SELECT_AREA$4,
+  SELECT_MENU: SELECT_MENU$4
 };
 const errors$3 = { "required": "Este campo es requerido", "email": "Este correo electrónico no es válido", "phone": "Número de teléfono no válido", "url": "URL no válida" };
 const SPECIALCLOSINGDATES$3 = "Fechas de cierre especiales u horarios de apertura diferentes (días especiales, festivos, eventos privados…)";
@@ -9209,6 +9231,13 @@ const LOADING$1 = "Cargando...";
 const YESTERDAY$1 = "Ayer";
 const POS_TABLE$1 = "Mesa POS";
 const SELECT_POS_TABLE$1 = "Seleccionar mesa POS";
+const OCCASIONS$3 = "Ocasiones";
+const OCCASION$3 = "Ocasíón";
+const AREA$3 = "Área";
+const MENU$3 = "Menú";
+const SELECT_OCCASION$2 = "Seleccionar ocasión";
+const SELECT_AREA$3 = "Seleccionar área";
+const SELECT_MENU$3 = "Seleccionar menú";
 const es$2 = {
   errors: errors$3,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$3,
@@ -9868,7 +9897,14 @@ const es$2 = {
   LOADING: LOADING$1,
   YESTERDAY: YESTERDAY$1,
   POS_TABLE: POS_TABLE$1,
-  SELECT_POS_TABLE: SELECT_POS_TABLE$1
+  SELECT_POS_TABLE: SELECT_POS_TABLE$1,
+  OCCASIONS: OCCASIONS$3,
+  OCCASION: OCCASION$3,
+  AREA: AREA$3,
+  MENU: MENU$3,
+  SELECT_OCCASION: SELECT_OCCASION$2,
+  SELECT_AREA: SELECT_AREA$3,
+  SELECT_MENU: SELECT_MENU$3
 };
 const errors$2 = { "required": "Ce champ est requis", "email": "Cet email n'est pas valide", "phone": "Numéro de téléphone non valide", "url": "Cette URL n'est pas valide" };
 const SPECIALCLOSINGDATES$2 = "Fermetures exceptionnelles et horaires d’ouverture modifiés (jours fériés, événements, etc.) ";
@@ -10475,6 +10511,13 @@ const LOADING = "Chargement...";
 const YESTERDAY = "Hier";
 const POS_TABLE = "Table POS";
 const SELECT_POS_TABLE = "Sélectionner la table";
+const OCCASIONS$2 = "Occasions";
+const OCCASION$2 = "Occasion";
+const AREA$2 = "Zone";
+const MENU$2 = "Menu";
+const SELECT_OCCASION$1 = "Sélectionner l'occasion";
+const SELECT_AREA$2 = "Sélectionner la zone";
+const SELECT_MENU$2 = "Sélectionner le menu";
 const fr$1 = {
   errors: errors$2,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$2,
@@ -11133,7 +11176,14 @@ const fr$1 = {
   LOADING,
   YESTERDAY,
   POS_TABLE,
-  SELECT_POS_TABLE
+  SELECT_POS_TABLE,
+  OCCASIONS: OCCASIONS$2,
+  OCCASION: OCCASION$2,
+  AREA: AREA$2,
+  MENU: MENU$2,
+  SELECT_OCCASION: SELECT_OCCASION$1,
+  SELECT_AREA: SELECT_AREA$2,
+  SELECT_MENU: SELECT_MENU$2
 };
 const errors$1 = { "required": "Dieses Feld ist erforderlich", "email": "Diese E-Mail ist nicht gültig", "phone": "Diese Telefonnummer ist nicht gültig", "url": "Diese URL ist nicht gültig" };
 const SPECIALCLOSINGDATES$1 = "Besondere Schließungstage oder abweichende Öffnungszeiten (besondere Tage, Feiertage, private Veranstaltungen…)";
@@ -11680,6 +11730,13 @@ const GROSS_TOTAL$1 = "Bruttogesamt";
 const ITEMS_ORDERED$1 = "Bestellte Artikel ({{count}})";
 const SHOW_ALL$1 = "ALLE ANZEIGEN";
 const SHOW_LESS$1 = "WENIGER ANZEIGEN";
+const OCCASIONS$1 = "Gelegenheiten";
+const OCCASION$1 = "Gelegenheit";
+const AREA$1 = "Bereich";
+const MENU$1 = "Menü";
+const SELECT_OCCASION = "Gelegenheit auswählen";
+const SELECT_AREA$1 = "Bereich auswählen";
+const SELECT_MENU$1 = "Menü auswählen";
 const de$1 = {
   errors: errors$1,
   SPECIALCLOSINGDATES: SPECIALCLOSINGDATES$1,
@@ -12279,7 +12336,14 @@ const de$1 = {
   GROSS_TOTAL: GROSS_TOTAL$1,
   ITEMS_ORDERED: ITEMS_ORDERED$1,
   SHOW_ALL: SHOW_ALL$1,
-  SHOW_LESS: SHOW_LESS$1
+  SHOW_LESS: SHOW_LESS$1,
+  OCCASIONS: OCCASIONS$1,
+  OCCASION: OCCASION$1,
+  AREA: AREA$1,
+  MENU: MENU$1,
+  SELECT_OCCASION,
+  SELECT_AREA: SELECT_AREA$1,
+  SELECT_MENU: SELECT_MENU$1
 };
 const errors = { "required": "Dit veld is verplicht", "email": "Dit e-mailadres is ongeldig", "phone": "Ongeldig telefoonnummer", "url": "Deze URL is ongeldig" };
 const SPECIALCLOSINGDATES = "Speciale sluitingsdagen of afwijkende openingstijden (feestdagen, evenementen, enz.)";
@@ -12826,6 +12890,13 @@ const GROSS_TOTAL = "Bruto Totaal";
 const ITEMS_ORDERED = "Bestelde artikelen ({{count}})";
 const SHOW_ALL = "ALLE TONEN";
 const SHOW_LESS = "MINDER TONEN";
+const OCCASIONS = "Ochtenden";
+const OCCASION = "Ochtend";
+const AREA = "Gebied";
+const MENU = "Menu";
+const SELECT_OCHTEND = "Ochtend selecteren";
+const SELECT_AREA = "Gebied selecteren";
+const SELECT_MENU = "Menu selecteren";
 const nl$1 = {
   errors,
   SPECIALCLOSINGDATES,
@@ -13425,7 +13496,14 @@ const nl$1 = {
   GROSS_TOTAL,
   ITEMS_ORDERED,
   SHOW_ALL,
-  SHOW_LESS
+  SHOW_LESS,
+  OCCASIONS,
+  OCCASION,
+  AREA,
+  MENU,
+  SELECT_OCHTEND,
+  SELECT_AREA,
+  SELECT_MENU
 };
 instance.use(initReactI18next).init({
   // the translations
@@ -17616,11 +17694,13 @@ const useUser = () => {
 const Provider = ({
   accessKey,
   lang: lang2,
+  parentUserId,
   children: Children2,
   ...props
 }) => {
   return /* @__PURE__ */ jsx$1(AuthHandler, {
     accessKey,
+    parentUserId,
     children: (userData2) => /* @__PURE__ */ jsx$1(UserProvider, {
       user: (userData2 == null ? void 0 : userData2.data) || userData2,
       children: /* @__PURE__ */ jsx$1(ProviderContext, {
@@ -62825,9 +62905,11 @@ const Modal$1 = ({
     children
   });
 };
-const container$s = "_container_1rjfx_1";
+const container$s = "_container_vuyk0_1";
+const fullWidth = "_fullWidth_vuyk0_6";
 const styles$1O = {
-  container: container$s
+  container: container$s,
+  fullWidth
 };
 const customStyles = {
   control: (provided, state) => ({
@@ -62898,6 +62980,7 @@ const Select = ({
   isDisabled,
   disabledTooltip,
   translateLabels = true,
+  fullWidth: fullWidth2 = false,
   options: options2,
   defaultValue: defaultValue2,
   value: value2,
@@ -62946,7 +63029,7 @@ const Select = ({
     };
   }, [value2, translateLabels, t2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$1O.container,
+    className: `${styles$1O.container} ${fullWidth2 ? styles$1O.fullWidth : ""}`,
     children: [label2 && /* @__PURE__ */ jsx$1(Label$1, {
       htmlFor: id2,
       children: label2
@@ -92680,6 +92763,7 @@ const AiPromptCard = ({
   const [showAiPromptModal, setShowAiPromptModal] = useState(false);
   const [showAutoReplyModal, setShowAutoReplyModal] = useState(false);
   const closeAiPromptModal = () => setShowAiPromptModal(false);
+  const openAiPromptModal = () => setShowAiPromptModal(true);
   const closeAutoReplyModal = () => setShowAutoReplyModal(false);
   const openAutoReplyModal = () => setShowAutoReplyModal(true);
   const {
@@ -92725,24 +92809,34 @@ const AiPromptCard = ({
       enableReinitialize: true,
       children: ({
         values
-      }) => /* @__PURE__ */ jsxs(Card$1, {
-        header: {
-          title: t2("AUTOREPLYREVIEWS")
-          // icon: "edit",
-          // onClickIcon: openAiPromptModal,
-        },
-        children: [/* @__PURE__ */ jsx$1("p", {
-          children: t2("AI automatically replies to your customer reviews.")
-        }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1(UIList$1, {
-          mode: "vertical",
-          children: /* @__PURE__ */ jsx$1(Item$1, {
-            isLoading: isExecuting,
-            id: "autoReplyReviews",
-            name: t2("AUTOREPLYREVIEWS"),
-            onChange: () => handleSubmit("autoReplyReviews", values)
-          })
-        })]
-      })
+      }) => {
+        var _a3;
+        return /* @__PURE__ */ jsxs(Card$1, {
+          header: {
+            title: t2("AUTOREPLYREVIEWS"),
+            icon: "edit",
+            onClickIcon: openAiPromptModal
+          },
+          children: [/* @__PURE__ */ jsx$1("p", {
+            children: t2("AI automatically replies to your customer reviews.")
+          }), /* @__PURE__ */ jsx$1("br", {}), /* @__PURE__ */ jsx$1(UIList$1, {
+            mode: "vertical",
+            children: /* @__PURE__ */ jsx$1(Item$1, {
+              isLoading: isExecuting,
+              id: "autoReplyReviews",
+              name: t2("AUTOREPLYREVIEWS"),
+              onChange: () => handleSubmit("autoReplyReviews", values)
+            })
+          }), /* @__PURE__ */ jsxs("div", {
+            className: styles$1A.item,
+            children: [/* @__PURE__ */ jsx$1("div", {
+              children: /* @__PURE__ */ jsx$1(Icon, {
+                icon: "robot"
+              })
+            }), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company.aiPrompt) || t2("NOTDEFINED")]
+          })]
+        });
+      }
     }), /* @__PURE__ */ jsx$1(AiPromptForm, {
       open: showAiPromptModal,
       onCloseForm: closeAiPromptModal,
@@ -195312,6 +195406,12 @@ const GetBrand = async ({ brandId }) => {
   );
   return data2;
 };
+const GetBrandOccasions = async ({ brandId }) => {
+  const data2 = await instance$1.get(
+    `/brands/${brandId}/occasions`
+  );
+  return data2;
+};
 const tableFilters = "_tableFilters_vs5i6_1";
 const tableFilters__input = "_tableFilters__input_vs5i6_7";
 const brandName = "_brandName_vs5i6_11";
@@ -195443,16 +195543,20 @@ const BrandManagement$1 = ({
     })
   });
 };
-const brandDetailHeader = "_brandDetailHeader_3inpt_1";
-const brandDetailContainer = "_brandDetailContainer_3inpt_7";
-const brandDetailContent = "_brandDetailContent_3inpt_11";
-const brandDetailContentItem = "_brandDetailContentItem_3inpt_18";
-const brandDetailContentItemTitle = "_brandDetailContentItemTitle_3inpt_24";
-const brandDetailActions = "_brandDetailActions_3inpt_32";
+const brandDetailHeader = "_brandDetailHeader_rvyt2_1";
+const brandDetailContainer = "_brandDetailContainer_rvyt2_7";
+const brandDetailContent = "_brandDetailContent_rvyt2_11";
+const brandDetailContentContainer = "_brandDetailContentContainer_rvyt2_18";
+const brandDetailContentRow = "_brandDetailContentRow_rvyt2_26";
+const brandDetailContentItem = "_brandDetailContentItem_rvyt2_33";
+const brandDetailContentItemTitle = "_brandDetailContentItemTitle_rvyt2_44";
+const brandDetailActions = "_brandDetailActions_rvyt2_52";
 const styles$e = {
   brandDetailHeader,
   brandDetailContainer,
   brandDetailContent,
+  brandDetailContentContainer,
+  brandDetailContentRow,
   brandDetailContentItem,
   brandDetailContentItemTitle,
   brandDetailActions
@@ -195481,10 +195585,18 @@ const BrandDetail = () => {
     cacheId: `brandDetail-${brandId}`,
     brandId
   });
+  const {
+    data: occasionsData,
+    isLoading: isLoadingOccasions
+  } = useFetch(brandId ? GetBrandOccasions : () => Promise.resolve(null), {
+    cacheId: `brandOccasions-${brandId}`,
+    brandId
+  });
   const {
     control,
     reset,
     handleSubmit,
+    setValue,
     formState: {
       isDirty
     }
@@ -195492,9 +195604,18 @@ const BrandDetail = () => {
     mode: "onChange",
     defaultValues: {
       rwgTc: "",
-      rwgTcLink: ""
+      rwgTcLink: "",
+      occasionId: null,
+      occasionAreaId: null,
+      occasionMenuId: null
     }
   });
+  const selectedOccasion = useWatch({
+    control,
+    name: "occasionId"
+  });
+  const previousOccasionRef = useRef(null);
+  const isInitializingRef = useRef(true);
   const {
     isExecuting,
     execute
@@ -195503,21 +195624,108 @@ const BrandDetail = () => {
       await reload();
     }
   });
+  const occasionOptions = useMemo$1(() => {
+    var _a2;
+    if (!((_a2 = occasionsData == null ? void 0 : occasionsData.occasions) == null ? void 0 : _a2.occasions)) return [];
+    return occasionsData.occasions.occasions.map((occasion) => ({
+      value: occasion.id,
+      label: occasion.name
+    }));
+  }, [occasionsData]);
+  const selectedOccasionData = useMemo$1(() => {
+    var _a2;
+    if (!(selectedOccasion == null ? void 0 : selectedOccasion.value) || !((_a2 = occasionsData == null ? void 0 : occasionsData.occasions) == null ? void 0 : _a2.occasions)) return null;
+    return occasionsData.occasions.occasions.find((occ) => occ.id === selectedOccasion.value);
+  }, [selectedOccasion, occasionsData]);
+  const areaOptions = useMemo$1(() => {
+    if (!(selectedOccasionData == null ? void 0 : selectedOccasionData.areas)) return [];
+    return selectedOccasionData.areas.map((area2) => ({
+      value: area2.value,
+      label: area2.label
+    }));
+  }, [selectedOccasionData]);
+  const menuOptions = useMemo$1(() => {
+    if (!(selectedOccasionData == null ? void 0 : selectedOccasionData.menus)) return [];
+    return selectedOccasionData.menus.map((menu2) => ({
+      value: menu2.value,
+      label: menu2.label
+    }));
+  }, [selectedOccasionData]);
   useEffect(() => {
-    if (data2) {
+    const currentOccasionValue = (selectedOccasion == null ? void 0 : selectedOccasion.value) || null;
+    if (isInitializingRef.current) {
+      previousOccasionRef.current = currentOccasionValue;
+      return;
+    }
+    if (previousOccasionRef.current !== null && previousOccasionRef.current !== currentOccasionValue) {
+      setValue("occasionAreaId", null);
+      setValue("occasionMenuId", null);
+    }
+    previousOccasionRef.current = currentOccasionValue;
+  }, [selectedOccasion == null ? void 0 : selectedOccasion.value, setValue]);
+  useEffect(() => {
+    if (data2 && occasionsData) {
+      const extraData = data2.extraData || {};
+      let preselectedOccasion = null;
+      if (extraData.occasionId && occasionOptions.length > 0) {
+        preselectedOccasion = occasionOptions.find((opt) => opt.value === extraData.occasionId) || null;
+      }
+      let preselectedArea = null;
+      if (extraData.occasionAreaId && preselectedOccasion) {
+        const occasionData = occasionsData.occasions.occasions.find((occ) => occ.id === extraData.occasionId);
+        if (occasionData == null ? void 0 : occasionData.areas) {
+          preselectedArea = occasionData.areas.find((area2) => area2.value === extraData.occasionAreaId) || null;
+          if (preselectedArea) {
+            preselectedArea = {
+              value: preselectedArea.value,
+              label: preselectedArea.label
+            };
+          }
+        }
+      }
+      let preselectedMenu = null;
+      if (extraData.occasionMenuId && preselectedOccasion) {
+        const occasionData = occasionsData.occasions.occasions.find((occ) => occ.id === extraData.occasionId);
+        if (occasionData == null ? void 0 : occasionData.menus) {
+          preselectedMenu = occasionData.menus.find((menu2) => menu2.value === extraData.occasionMenuId) || null;
+          if (preselectedMenu) {
+            preselectedMenu = {
+              value: preselectedMenu.value,
+              label: preselectedMenu.label
+            };
+          }
+        }
+      }
       reset({
         rwgTc: data2.rwgTc || "",
-        rwgTcLink: data2.rwgTcLink || ""
+        rwgTcLink: data2.rwgTcLink || "",
+        occasionId: preselectedOccasion,
+        occasionAreaId: preselectedArea,
+        occasionMenuId: preselectedMenu
       });
+      setTimeout(() => {
+        isInitializingRef.current = false;
+      }, 100);
     }
-  }, [data2, reset]);
+  }, [data2, occasionsData, occasionOptions, reset]);
   const onSubmit = (formData) => {
+    var _a2, _b, _c;
+    const submitData = {
+      rwgTc: formData.rwgTc,
+      rwgTcLink: formData.rwgTcLink
+    };
+    if ((_a2 = formData.occasionId) == null ? void 0 : _a2.value) {
+      submitData.occasionId = formData.occasionId.value;
+    }
+    if ((_b = formData.occasionAreaId) == null ? void 0 : _b.value) {
+      submitData.occasionAreaId = formData.occasionAreaId.value;
+    }
+    if ((_c = formData.occasionMenuId) == null ? void 0 : _c.value) {
+      submitData.occasionMenuId = formData.occasionMenuId.value;
+    }
     execute({
       brandId,
-      data: {
-        rwgTc: formData.rwgTc,
-        rwgTcLink: formData.rwgTcLink
-      }
+      data: submitData
     });
   };
   if (isLoading) {
@@ -195589,6 +195797,49 @@ const BrandDetail = () => {
                 label: "",
                 radius: "md"
               })]
+            }), /* @__PURE__ */ jsxs("div", {
+              className: styles$e.brandDetailContentContainer,
+              children: [/* @__PURE__ */ jsxs("div", {
+                className: styles$e.brandDetailContentItemTitle,
+                children: [/* @__PURE__ */ jsx$1(Icon, {
+                  icon: "calendar"
+                }), /* @__PURE__ */ jsxs("h3", {
+                  children: [t2("OCCASIONS"), ":"]
+                })]
+              }), /* @__PURE__ */ jsx$1(Divider2, {}), /* @__PURE__ */ jsxs("div", {
+                className: styles$e.brandDetailContentRow,
+                children: [/* @__PURE__ */ jsx$1(SelectField, {
+                  fullWidth: true,
+                  label: t2("OCCASION"),
+                  control,
+                  name: "occasionId",
+                  options: occasionOptions,
+                  placeholder: t2("SELECT_OCCASION") || "Select Occasion",
+                  isClearable: true,
+                  isDisabled: isLoadingOccasions,
+                  isLoading: isLoadingOccasions
+                }), /* @__PURE__ */ jsx$1(SelectField, {
+                  fullWidth: true,
+                  label: t2("AREA"),
+                  control,
+                  name: "occasionAreaId",
+                  options: areaOptions,
+                  placeholder: t2("SELECT_AREA") || "Select Area",
+                  isClearable: true,
+                  isDisabled: !(selectedOccasion == null ? void 0 : selectedOccasion.value) || isLoadingOccasions,
+                  isLoading: isLoadingOccasions
+                }), /* @__PURE__ */ jsx$1(SelectField, {
+                  fullWidth: true,
+                  label: t2("MENU"),
+                  control,
+                  name: "occasionMenuId",
+                  options: menuOptions,
+                  placeholder: t2("SELECT_MENU") || "Select Menu",
+                  isClearable: true,
+                  isDisabled: !(selectedOccasion == null ? void 0 : selectedOccasion.value) || isLoadingOccasions,
+                  isLoading: isLoadingOccasions
+                })]
+              })]
             }), /* @__PURE__ */ jsx$1("div", {
               className: styles$e.brandDetailActions,
               children: /* @__PURE__ */ jsx$1(Button$1, {
@@ -196754,13 +197005,14 @@ const TableMatchCard = ({
             isClearable: false,
             menuPortalTarget: document.body,
             styles: {
+              // Above MUI Dialog (1400) when embedded in partner portal table-matching modal
               menuPortal: (base) => ({
                 ...base,
-                zIndex: 1e3
+                zIndex: 1500
               }),
               menu: (base) => ({
                 ...base,
-                zIndex: 1e3
+                zIndex: 1500
               })
             }
           })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.70",
+  "version": "0.3.73",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"

package/style.css

@@ -1308,12 +1308,17 @@
 }
 .resbook-modal .ant-modal-close-x line {
   stroke: var(--moz-text-input) !important;
-}._container_1rjfx_1 {
+}._container_vuyk0_1 {
   display: inline;
   padding: 4px 0px 0px 0px;
 }
 
-._tooltip_1rjfx_6 {
+._fullWidth_vuyk0_6 {
+  display: block;
+  width: 100%;
+}
+
+._tooltip_vuyk0_11 {
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -32871,30 +32876,50 @@ hr {
 ._brandName_vs5i6_11 {
   color: var(--moz-cta-primary);
   cursor: pointer;
-}._brandDetailHeader_3inpt_1 {
+}._brandDetailHeader_rvyt2_1 {
   display: flex;
   flex-direction: row;
   gap: 10px;
 }
 
-._brandDetailContainer_3inpt_7 {
+._brandDetailContainer_rvyt2_7 {
   margin-top: 20px;
 }
 
-._brandDetailContent_3inpt_11 {
+._brandDetailContent_rvyt2_11 {
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   gap: 30px;
 }
 
-._brandDetailContentItem_3inpt_18 {
+._brandDetailContentContainer_rvyt2_18 {
+  border: 1px solid var(--moz-border);
+  border-radius: 10px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
+}
+
+._brandDetailContentRow_rvyt2_26 {
+  display: flex;
+  flex-direction: row;
   align-items: flex-start;
+  gap: 10px;
+}
+
+._brandDetailContentItem_rvyt2_33 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 0 1 auto;
+}
+
+._brandDetailContentItem_rvyt2_33:last-child {
+  flex: 1 1 auto;
 }
 
-._brandDetailContentItemTitle_3inpt_24 {
+._brandDetailContentItemTitle_rvyt2_44 {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -32902,7 +32927,7 @@ hr {
   width: 100%;
 }
 
-._brandDetailActions_3inpt_32 {
+._brandDetailActions_rvyt2_52 {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;