@thecb/components 11.5.2-beta.0 → 11.5.2

package/src/components/atoms/icons/VisaSmallIcon.js

@@ -0,0 +1,38 @@
+import React from "react";
+
+const VisaSmallIcon = () => {
+  return (
+    <svg
+      width="24"
+      height="16"
+      viewBox="0 0 24 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M23.2387 16H0.761973C0.340958 16 0 15.6492 0 15.2168V0.783232C0 0.3508 0.340958 0 0.761973 0H23.2387C23.6598 0 24 0.3508 24 0.783232V15.2168C24 15.6492 23.6598 16 23.2387 16Z"
+        fill="#F6F6F9"
+      />
+      <g clipPath="url(#clip0_3693_1186)">
+        <path
+          d="M10.075 5.09143L7.98023 10.0892H6.61357L5.58274 6.10076C5.52016 5.8551 5.46574 5.7651 5.27541 5.6616C4.96466 5.49301 4.4515 5.33485 4 5.23668L4.03067 5.09143H6.23057C6.51099 5.09143 6.76307 5.2781 6.82674 5.60101L7.37115 8.493L8.71664 5.09135H10.075V5.09143ZM15.4298 8.45758C15.4353 7.13851 13.6058 7.06584 13.6184 6.47659C13.6223 6.29726 13.793 6.10659 14.1668 6.05793C14.352 6.03368 14.8624 6.01518 15.4414 6.28159L15.6684 5.22177C15.3574 5.10885 14.9571 5.00018 14.4591 5.00018C13.1812 5.00018 12.2819 5.67951 12.2743 6.65226C12.266 7.37175 12.9162 7.77325 13.406 8.01233C13.9099 8.25717 14.079 8.4145 14.0771 8.6335C14.0735 8.96875 13.6752 9.11675 13.303 9.12258C12.6531 9.13258 12.276 8.94675 11.9755 8.807L11.7411 9.90191C12.0432 10.0405 12.6008 10.1614 13.1789 10.1675C14.5371 10.1675 15.4256 9.49658 15.4298 8.45758ZM18.8043 10.0893H20L18.9563 5.09143H17.8526C17.6044 5.09143 17.3951 5.23593 17.3024 5.4581L15.3624 10.0892H16.7199L16.9894 9.34274H18.6482L18.8043 10.0892V10.0893ZM17.3617 8.3185L18.0422 6.44201L18.4338 8.3185H17.3617ZM11.9222 5.09143L10.8531 10.0892H9.5603L10.6298 5.09143H11.9222Z"
+          fill="#1434CB"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_3693_1186">
+          <rect
+            width="16"
+            height="5.16731"
+            fill="white"
+            transform="translate(4 5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default VisaSmallIcon;

package/src/components/atoms/icons/WireSmallIcon.js

@@ -0,0 +1,22 @@
+import React from "react";
+
+const WireSmallIcon = () => {
+  return (
+    <svg
+      width="24"
+      height="16"
+      viewBox="0 0 24 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect x="0.5" y="0.5" width="23" height="15" rx="1.5" fill="#E4F4FD" />
+      <rect x="0.5" y="0.5" width="23" height="15" rx="1.5" stroke="#15749D" />
+      <path
+        d="M12.667 7.33324V10.6662H14V7.33324H12.667ZM10 10.6662H11.333V7.33324H10V10.6662ZM15.333 10.6662H15.75C15.888 10.6662 15.9999 10.7783 16 10.9162V11.7502C15.9998 11.8881 15.8879 12.0002 15.75 12.0002H8.25C8.11206 12.0002 8.00021 11.8881 8 11.7502V10.9162C8.00015 10.7783 8.11202 10.6662 8.25 10.6662H8.66699V7.33324H8.25C8.11195 7.33324 8.00003 7.22128 8 7.08324V6.15453C8 6.05983 8.05398 5.97324 8.13867 5.93089L11.8887 4.05589C11.9589 4.02092 12.0411 4.02092 12.1113 4.05589L15.8613 5.93089C15.946 5.97324 16 6.05983 16 6.15453V7.08324C16 7.22128 15.8881 7.33324 15.75 7.33324H15.333V10.6662Z"
+        fill="#15749D"
+      />
+    </svg>
+  );
+};
+
+export default WireSmallIcon;

package/src/components/atoms/icons/index.d.ts

@@ -18,7 +18,7 @@ export * from "./RefundIconSmall";
 export * from "./RevenueManagementImage";
 export * from "./StandardCheckoutImage";
 export * from "./KioskImage";
-export * from "./PointOfSaleImage";
+export * from "./CashieringImage";
 export * from "./SuccessfulIconMedium";
 export * from "./SuccessfulIconSmall";
 export * from "./XCircleIconMedium";

package/src/components/atoms/icons/index.js

@@ -67,7 +67,7 @@ import GuidedCheckoutImage from "./GuidedCheckoutImage";
 import ProfileImage from "./ProfileImage";
 import RevenueManagementImage from "./RevenueManagementImage";
 import KioskImage from "./KioskImage";
-import PointOfSaleImage from "./PointOfSaleImage";
+import CashieringImage from "./CashieringImage";
 import FindIconSmall from "./FindIconSmall";
 import HistoryIconSmall from "./HistoryIconSmall";
 import ChargebackIconSmall from "./ChargebackIconSmall";
@@ -102,6 +102,14 @@ import AgencyIcon from "./AgencyIcon";
 import PersonIcon from "./PersonIcon";
 import PaymentStatusIcon from "./PaymentStatusIcon";
 import PaydotImage from "./PaydotImage";
+import VisaSmallIcon from "./VisaSmallIcon";
+import AmExSmallIcon from "./AmExSmallIcon";
+import BankGenericSmallIcon from "./BankGenericSmallIcon";
+import CashSmallIcon from "./CashSmallIcon";
+import DiscoverSmallIcon from "./DiscoverSmallIcon";
+import GenericSmallIcon from "./GenericSmallIcon";
+import MasterCardSmallIcon from "./MasterCardSmallIcon";
+import WireSmallIcon from "./WireSmallIcon";
 
 export {
   AccountsIcon,
@@ -173,7 +181,7 @@ export {
   ProfileImage,
   RevenueManagementImage,
   KioskImage,
-  PointOfSaleImage,
+  CashieringImage,
   FindIconSmall,
   HistoryIconSmall,
   ChargebackIconSmall,
@@ -207,5 +215,13 @@ export {
   AgencyIcon,
   PersonIcon,
   PaymentStatusIcon,
-  PaydotImage
+  PaydotImage,
+  VisaSmallIcon,
+  AmExSmallIcon,
+  BankGenericSmallIcon,
+  CashSmallIcon,
+  DiscoverSmallIcon,
+  GenericSmallIcon,
+  MasterCardSmallIcon,
+  WireSmallIcon
 };

package/src/components/molecules/obligation/modules/InactiveControlsModule.js

@@ -44,7 +44,13 @@ const InactiveControlsModule = ({
     setDetailedObligation(obligations, config, obligationAssocID);
     navigateToDetailedObligation(detailsSlug);
   };
-  const handleRemoveAccount = () => deleteObligationAssoc(obligationAssocID);
+  const handleRemoveAccount = () => {
+    const payload = {
+      id: obligationAssocID,
+      obligationSlug: config?.obligationSlug
+    };
+    deleteObligationAssoc(payload);
+  };
   return (
     <Box
       padding={isMobile ? "18px 0 0 0" : "0"}

package/src/components/molecules/obligation/modules/RemoveAccountModalModule.js

@@ -30,6 +30,7 @@ const RemoveAccountModalModule = ({
       : accountType === "Property" && obligations.length > 1
       ? "properties"
       : accountType.toLowerCase();
+  const accountsText = (accounts ?? "").trim();
 
   return (
     <Modal
@@ -37,7 +38,9 @@ const RemoveAccountModalModule = ({
       hideModal={() => setModalIsOpen(false)}
       modalOpen={modalIsOpen}
       modalHeaderText={`Remove ${accountType}`}
-      modalBodyText={`Are you sure you want to remove the ${identifier} ${accounts}? Any autopay scheduled against ${
+      modalBodyText={`Are you sure you want to remove the ${identifier}${
+        accountsText ? ` ${accountsText}` : ""
+      }? Any autopay scheduled against ${
         obligations.length > 1 ? "them" : "it"
       } will be deactivated.`}
       continueButtonText="Remove"

package/src/components/atoms/icons/PointOfSaleImage.d.ts

@@ -1 +0,0 @@
-export const PointOfSaleImage: JSX.Element;

package/src/components/atoms/icons/PointOfSaleImage.js

@@ -1,44 +0,0 @@
-import React from "react";
-
-const PointOfSaleImage = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="157"
-    height="102"
-    viewBox="0 0 157 102"
-    fill="none"
-  >
-    <g id="Illustration - Cashiering">
-      <path
-        id="Primary - 40"
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M59.0407 2.93043C59.1911 1.2938 60.5541 0.0124512 62.2137 0.0124512C63.6747 0.0124512 64.905 1.00543 65.2818 2.35936C65.6575 2.07544 66.1222 1.90514 66.6275 1.90514C67.8704 1.90514 68.8781 2.92293 68.8781 4.17823C68.8781 5.4337 67.8704 6.45147 66.6275 6.45147H57.923C56.8611 6.45147 56 5.58178 56 4.50917C56 3.43641 56.8611 2.56671 57.923 2.56671C58.3403 2.56671 58.7254 2.7024 59.0407 2.93043ZM125.008 7.80534C125.641 6.15839 127.233 4.98762 129.102 4.98762C131.139 4.98762 132.847 6.37779 133.342 8.26039C133.519 8.22464 133.703 8.20546 133.891 8.20546C135.426 8.20546 136.671 9.45067 136.671 10.9868C136.671 12.5229 135.426 13.7681 133.891 13.7681H121.89C120.355 13.7681 119.11 12.5229 119.11 10.9868C119.11 9.45067 120.355 8.20546 121.89 8.20546C122.296 8.20546 122.681 8.29484 123.029 8.45151C123.373 8.01531 123.904 7.73416 124.502 7.73416C124.678 7.73416 124.847 7.75984 125.008 7.80534ZM10.6579 35.9988C8.6644 35.9988 6.96652 37.2476 6.29173 39.0044C6.11983 38.9558 5.93893 38.9285 5.75143 38.9285C5.11339 38.9285 4.54674 39.2284 4.18076 39.6936C3.80957 39.5265 3.39923 39.4312 2.96567 39.4312C1.32776 39.4312 0 40.7594 0 42.3979C0 44.0364 1.32776 45.3647 2.96567 45.3647H15.7664C17.404 45.3647 18.7317 44.0364 18.7317 42.3979C18.7317 40.7594 17.404 39.4312 15.7664 39.4312C15.5654 39.4312 15.3696 39.4516 15.18 39.4898C14.6525 37.4817 12.8309 35.9988 10.6579 35.9988ZM38 24.9875C38 23.3307 39.3431 21.9875 41 21.9875H116C117.657 21.9875 119 23.3307 119 24.9875V29.9875H38V24.9875ZM98 97.4875C98 95.0023 89.2695 92.9875 78.5 92.9875C67.7309 92.9875 59 95.0023 59 97.4875C59 99.9728 67.7309 101.988 78.5 101.988C89.2695 101.988 98 99.9728 98 97.4875ZM131 46.0125C131 43.8033 132.791 42.0125 135 42.0125H153C155.209 42.0125 157 43.8033 157 46.0125V54.0125C157 54.5647 156.552 55.0125 156 55.0125H132C131.448 55.0125 131 54.5647 131 54.0125V46.0125ZM153 31.0125C151.895 31.0125 151 31.9079 151 33.0125V37.0125H154C154.552 37.0125 155 36.5647 155 36.0125V33.0125C155 31.9079 154.105 31.0125 153 31.0125Z"
-        fill="#B1BDF1"
-      />
-      <path
-        id="White"
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M38 31.0125H119V84.0125C119 85.6693 117.657 87.0125 116 87.0125H41C39.3431 87.0125 38 85.6693 38 84.0125V31.0125ZM137 34.0125C137 32.3556 138.343 31.0125 140 31.0125H153C151.895 31.0125 151 31.9079 151 33.0125V37.0125V48.0125H137V34.0125Z"
-        fill="white"
-      />
-      <path
-        id="Cool Gray - 80"
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M41 21.9875H116C117.657 21.9875 119 23.3307 119 24.9875V29.9875H38V24.9875C38 23.3307 39.3431 21.9875 41 21.9875ZM120 30.9875V29.9875V24.9875C120 22.7784 118.209 20.9875 116 20.9875H41C38.7909 20.9875 37 22.7784 37 24.9875V29.9875V30.9875V78.0125H8.5C8.22386 78.0125 8 78.2363 8 78.5125C8 78.7886 8.22386 79.0125 8.5 79.0125H37V83.9875C37 86.1967 38.7909 87.9875 41 87.9875H116C118.209 87.9875 120 86.1967 120 83.9875V79.0125H149.5C149.776 79.0125 150 78.7886 150 78.5125C150 78.2363 149.776 78.0125 149.5 78.0125H120V30.9875ZM38 83.9875V79.0125V78.0125V30.9875H119V83.9875C119 85.6444 117.657 86.9875 116 86.9875H41C39.3431 86.9875 38 85.6444 38 83.9875ZM70 46.7375C68.9313 46.7375 68.1485 47.4136 67.7115 48.7247C67.5805 49.1177 67.1558 49.33 66.7628 49.1991C66.3699 49.0681 66.1575 48.6433 66.2885 48.2504C66.8515 46.5615 68.0687 45.2375 70 45.2375C71.9313 45.2375 73.1485 46.5615 73.7115 48.2504C73.8425 48.6433 73.6301 49.0681 73.2372 49.1991C72.8442 49.33 72.4195 49.1177 72.2885 48.7247C71.8515 47.4136 71.0687 46.7375 70 46.7375ZM84.7115 48.7247C85.1485 47.4136 85.9313 46.7375 87 46.7375C88.0687 46.7375 88.8515 47.4136 89.2885 48.7247C89.4195 49.1177 89.8442 49.33 90.2372 49.1991C90.6301 49.0681 90.8425 48.6433 90.7115 48.2504C90.1485 46.5615 88.9313 45.2375 87 45.2375C85.0687 45.2375 83.8515 46.5615 83.2885 48.2504C83.1575 48.6433 83.3699 49.0681 83.7628 49.1991C84.1558 49.33 84.5805 49.1177 84.7115 48.7247ZM70.75 60.9875C70.75 60.5733 70.4142 60.2375 70 60.2375C69.5858 60.2375 69.25 60.5733 69.25 60.9875V61.9875C69.25 63.5063 70.4812 64.7375 72 64.7375H85C86.5188 64.7375 87.75 63.5063 87.75 61.9875V60.9875C87.75 60.5733 87.4142 60.2375 87 60.2375C86.5858 60.2375 86.25 60.5733 86.25 60.9875V61.9875C86.25 62.6779 85.6904 63.2375 85 63.2375H72C71.3096 63.2375 70.75 62.6779 70.75 61.9875V60.9875ZM52 26.9875C52.5523 26.9875 53 26.5398 53 25.9875C53 25.4353 52.5523 24.9875 52 24.9875C51.4477 24.9875 51 25.4353 51 25.9875C51 26.5398 51.4477 26.9875 52 26.9875ZM48 25.9875C48 26.5398 47.5523 26.9875 47 26.9875C46.4477 26.9875 46 26.5398 46 25.9875C46 25.4353 46.4477 24.9875 47 24.9875C47.5523 24.9875 48 25.4353 48 25.9875ZM42 26.9875C42.5523 26.9875 43 26.5398 43 25.9875C43 25.4353 42.5523 24.9875 42 24.9875C41.4477 24.9875 41 25.4353 41 25.9875C41 26.5398 41.4477 26.9875 42 26.9875Z"
-        fill="#3B414D"
-      />
-      <path
-        id="Primary"
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M140 35.5125C140 35.2363 140.224 35.0125 140.5 35.0125H147.5C147.776 35.0125 148 35.2363 148 35.5125C148 35.7886 147.776 36.0125 147.5 36.0125H140.5C140.224 36.0125 140 35.7886 140 35.5125ZM140.5 38.0125C140.224 38.0125 140 38.2363 140 38.5125C140 38.7886 140.224 39.0125 140.5 39.0125H147.5C147.776 39.0125 148 38.7886 148 38.5125C148 38.2363 147.776 38.0125 147.5 38.0125H140.5ZM140 41.5125C140 41.2363 140.224 41.0125 140.5 41.0125H147.5C147.776 41.0125 148 41.2363 148 41.5125C148 41.7886 147.776 42.0125 147.5 42.0125H140.5C140.224 42.0125 140 41.7886 140 41.5125ZM140.5 44.0125C140.224 44.0125 140 44.2363 140 44.5125C140 44.7886 140.224 45.0125 140.5 45.0125H147.5C147.776 45.0125 148 44.7886 148 44.5125C148 44.2363 147.776 44.0125 147.5 44.0125H140.5ZM135 57.9875C135 57.4353 135.448 56.9875 136 56.9875H146C146.552 56.9875 147 57.4353 147 57.9875C147 58.5398 146.552 58.9875 146 58.9875H140.926L129.345 71.0316C128.635 71.7695 127.483 71.8526 126.675 71.2241L120 65.9875V63.4875L127.903 69.6454L138.151 58.9875H136C135.448 58.9875 135 58.5398 135 57.9875ZM75 95.9875V87.9875H77V95.9875C77 97.0921 76.1046 97.9875 75 97.9875H71C70.4477 97.9875 70 97.5398 70 96.9875C70 96.4353 70.4477 95.9875 71 95.9875H75ZM80 95.9875V87.9875H82V95.9875H86C86.5523 95.9875 87 96.4353 87 96.9875C87 97.5398 86.5523 97.9875 86 97.9875H82C80.8954 97.9875 80 97.0921 80 95.9875ZM37 63.9875L31.8311 68.4439C30.5951 69.5151 31.0975 71.5363 32.6913 71.9041L50.0245 75.9041C50.2304 77.6407 51.7079 78.9875 53.5 78.9875H57C57.5523 78.9875 58 78.5398 58 77.9875C58 77.4353 57.5523 76.9875 57 76.9875H53.5C52.6716 76.9875 52 76.316 52 75.4875C52 74.6591 52.6716 73.9875 53.5 73.9875H54.5C55.0523 73.9875 55.5 73.5398 55.5 72.9875C55.5 72.4353 55.0523 71.9875 54.5 71.9875H53.5C52.1266 71.9875 50.9379 72.7786 50.3648 73.93L33.141 69.9553L37 66.4875V63.9875ZM136.5 48.0125C136.224 48.0125 136 48.2363 136 48.5125C136 48.7886 136.224 49.0125 136.5 49.0125H151.5C151.776 49.0125 152 48.7886 152 48.5125C152 48.2363 151.776 48.0125 151.5 48.0125H136.5Z"
-        fill="#3B5BDB"
-      />
-    </g>
-  </svg>
-);
-
-export default PointOfSaleImage;