IO-2054 Update responsibility center page.

client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx

@@ -16,6 +16,7 @@ import DataLabel from "../data-label/data-label.component";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import { useTreatments } from "@splitsoftware/splitio-react";
 
 const SelectorDiv = styled.div`
   .ant-form-item .ant-select {
@@ -37,6 +38,11 @@ export default connect(
 
 export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
   const { t } = useTranslation();
+  const { Qb_Multi_Ar } = useTreatments(
+    ["Qb_Multi_Ar"],
+    {},
+    bodyshop && bodyshop.imexshopid
+  );
 
   const [costOptions, setCostOptions] = useState(
     [
@@ -4535,6 +4541,7 @@ export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
           <Input />
         </Form.Item>
       </LayoutFormRow>
+      {Qb_Multi_Ar.treatment === "on" && (
         <LayoutFormRow header={<div>Multiple Payers Item</div>}>
           <Form.Item
             label={t("bodyshop.fields.responsibilitycenter_accountitem")}
@@ -4553,6 +4560,7 @@ export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
             <Input />
           </Form.Item>
         </LayoutFormRow>
+      )}
       <Typography.Title level={4}>
         {t("bodyshop.labels.responsibilitycenters.sales_tax_codes")}
       </Typography.Title>