@thecb/components 4.5.2 → 4.6.1

package/dist/index.cjs.js

@@ -15431,6 +15431,70 @@ var CheckIcon = function CheckIcon() {
   })))))));
 };
 
+var WarningIconXS = function WarningIconXS() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "16px",
+    height: "13px",
+    viewBox: "0 0 16 13",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    "aria-labelledby": "#warning-restricted-item",
+    role: "img"
+  }, /*#__PURE__*/React__default.createElement("title", {
+    id: "warning-restricted-item"
+  }, "Warning: restricted items cannot be selected"), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("path", {
+    d: "M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z",
+    id: "WarningIconXs-path-1"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-SRV-2647---Workflow-$0-Balance",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-11---Search-Results----Checked--Copy-6",
+    transform: "translate(-135.000000, -483.000000)"
+  }, /*#__PURE__*/React__default.createElement("g", {
+    id: "WarningIconXs-Group",
+    transform: "translate(133.000000, 479.000000)"
+  }, /*#__PURE__*/React__default.createElement("mask", {
+    id: "WarningIconXs-mask-2",
+    fill: "white"
+  }, /*#__PURE__*/React__default.createElement("use", {
+    xlinkHref: "#WarningIconXs-path-1"
+  })), /*#__PURE__*/React__default.createElement("use", {
+    id: "WarningIconXs-Mask",
+    fill: "#B34A00",
+    fillRule: "nonzero",
+    xlinkHref: "#WarningIconXs-path-1"
+  }), /*#__PURE__*/React__default.createElement("polygon", {
+    id: "WarningIconXs-Path",
+    fill: "#B34A00",
+    fillRule: "nonzero",
+    mask: "url(#WarningIconXs-mask-2)",
+    points: "-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20"
+  })))));
+};
+
+var CashIcon = function CashIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "36",
+    height: "24",
+    fill: "none",
+    viewBox: "0 0 36 24"
+  }, /*#__PURE__*/React__default.createElement("rect", {
+    width: "36",
+    height: "24",
+    fill: "#E8FFEF",
+    rx: "1"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#317D4F",
+    d: "M17.178 5.464v1.372c-1.799.294-3.115 1.407-3.094 3.08.021 1.645 1.05 2.597 2.611 2.884l1.617.308c.924.182 1.365.406 1.365 1.085 0 .609-.553 1.092-1.484 1.092-1.036 0-1.743-.455-1.932-1.267l-2.478.021c.175 1.834 1.414 2.8 3.374 3.038v1.197h2.023V17.07c1.876-.266 3.024-1.33 3.024-2.877 0-1.617-.798-2.751-2.702-3.178l-1.603-.357c-.994-.231-1.267-.497-1.267-1.029 0-.546.511-1.015 1.596-1.015 1.015 0 1.302.511 1.393 1.267l2.415-.014c.05-1.484-1.043-2.695-2.835-3.024V5.464h-2.023z"
+  }));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -16096,19 +16160,10 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+  subClass.__proto__ = superClass;
 }
 
 function _getPrototypeOf(o) {
@@ -16118,6 +16173,15 @@ function _getPrototypeOf(o) {
   return _getPrototypeOf(o);
 }
 
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
 function _isNativeFunction(fn) {
   return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
@@ -16128,7 +16192,7 @@ function _isNativeReflectConstruct() {
   if (typeof Proxy === "function") return true;
 
   try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
     return true;
   } catch (e) {
     return false;
@@ -16268,9 +16332,7 @@ var ERRORS = {
   "73": "Please provide a valid CSS variable.\n\n",
   "74": "CSS variable not found and no default was provided.\n\n",
   "75": "important requires a valid style object, got a %s instead.\n\n",
-  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
-  "77": "remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n",
-  "78": "base must be set in \"px\" or \"%\" but you set it in \"%s\".\n"
+  "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n"
 };
 /**
  * super basic version of sprintf
@@ -16612,7 +16674,7 @@ function parseToRgb(color) {
     };
   }
 
-  var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
+  var rgbaMatched = rgbaRegex.exec(normalizedColor);
 
   if (rgbaMatched) {
     return {
@@ -16643,7 +16705,7 @@ function parseToRgb(color) {
     };
   }
 
-  var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
+  var hslaMatched = hslaRegex.exec(normalizedColor);
 
   if (hslaMatched) {
     var _hue = parseInt("" + hslaMatched[1], 10);
@@ -37876,7 +37938,6 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
       roleDisabled = _ref.roleDisabled,
       selectionDisabled = _ref.selectionDisabled,
       formType = _ref.formType,
-      isOktaUser = _ref.isOktaUser,
       openChangePasswordForm = _ref.openChangePasswordForm,
       firstName = _ref.firstName,
       lastName = _ref.lastName;
@@ -37994,7 +38055,7 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     disabled: emailDisabled
-  }), formType === PROFILE && !isOktaUser && /*#__PURE__*/React__default.createElement(FormInput$1, {
+  }), formType === PROFILE && /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Password",
     errorMessages: {},
     field: {
@@ -42275,6 +42336,7 @@ exports.ButtonWithAction = ButtonWithAction;
 exports.ButtonWithLink = ButtonWithLink;
 exports.CalendarIcon = CalendarIcon;
 exports.CarrotIcon = CarrotIcon$1;
+exports.CashIcon = CashIcon;
 exports.Center = Center;
 exports.CenterSingle = CenterSingle$1;
 exports.CenterStack = CenterStack$1;
@@ -42408,6 +42470,7 @@ exports.TypeaheadInput = TypeaheadInput;
 exports.VerifiedEmailIcon = VerifiedEmailIcon$1;
 exports.VoidedIcon = VoidedIcon;
 exports.WalletIcon = WalletIcon$1;
+exports.WarningIconXS = WarningIconXS;
 exports.WelcomeModule = WelcomeModule$1;
 exports.WorkflowTile = WorkflowTile;
 exports.cardRegistry = cardRegistry;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.5.2",
+  "version": "4.6.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

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

@@ -0,0 +1,21 @@
+import React from "react";
+
+const CashIcon = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="36"
+      height="24"
+      fill="none"
+      viewBox="0 0 36 24"
+    >
+      <rect width="36" height="24" fill="#E8FFEF" rx="1"></rect>
+      <path
+        fill="#317D4F"
+        d="M17.178 5.464v1.372c-1.799.294-3.115 1.407-3.094 3.08.021 1.645 1.05 2.597 2.611 2.884l1.617.308c.924.182 1.365.406 1.365 1.085 0 .609-.553 1.092-1.484 1.092-1.036 0-1.743-.455-1.932-1.267l-2.478.021c.175 1.834 1.414 2.8 3.374 3.038v1.197h2.023V17.07c1.876-.266 3.024-1.33 3.024-2.877 0-1.617-.798-2.751-2.702-3.178l-1.603-.357c-.994-.231-1.267-.497-1.267-1.029 0-.546.511-1.015 1.596-1.015 1.015 0 1.302.511 1.393 1.267l2.415-.014c.05-1.484-1.043-2.695-2.835-3.024V5.464h-2.023z"
+      ></path>
+    </svg>
+  );
+};
+
+export default CashIcon;

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

@@ -0,0 +1,60 @@
+import React from "react";
+
+const WarningIconXS = () => (
+  <svg
+    width="16px"
+    height="13px"
+    viewBox="0 0 16 13"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    aria-labelledby="#warning-restricted-item"
+    role="img"
+  >
+    <title id="warning-restricted-item">
+      Warning: restricted items cannot be selected
+    </title>
+    <defs>
+      <path
+        d="M11.0106463,4.4659633 C11.3063934,4.63914978 11.5526739,4.88543032 11.7258604,5.18117739 L16.7999622,13.846119 C17.3581267,14.7992854 17.0379144,16.0244612 16.0847481,16.5826257 C15.7781918,16.762142 15.4293522,16.8567653 15.0741018,16.8567653 L4.92589823,16.8567653 C3.82132873,16.8567653 2.92589823,15.9613348 2.92589823,14.8567653 C2.92589823,14.5015149 3.02052159,14.1526753 3.20003784,13.846119 L8.27413962,5.18117739 C8.83230416,4.22801102 10.0574799,3.90779877 11.0106463,4.4659633 Z M10.6666667,13.3333333 L9.33333333,13.3333333 L9.33333333,14.6666667 L10.6666667,14.6666667 L10.6666667,13.3333333 Z M10.6666667,6.66666667 L9.33333333,6.66666667 L9.33333333,12 L10.6666667,12 L10.6666667,6.66666667 Z"
+        id="WarningIconXs-path-1"
+      ></path>
+    </defs>
+    <g
+      id="WarningIconXs-SRV-2647---Workflow-$0-Balance"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g
+        id="WarningIconXs-11---Search-Results----Checked--Copy-6"
+        transform="translate(-135.000000, -483.000000)"
+      >
+        <g
+          id="WarningIconXs-Group"
+          transform="translate(133.000000, 479.000000)"
+        >
+          <mask id="WarningIconXs-mask-2" fill="white">
+            <use xlinkHref="#WarningIconXs-path-1"></use>
+          </mask>
+          <use
+            id="WarningIconXs-Mask"
+            fill="#B34A00"
+            fillRule="nonzero"
+            xlinkHref="#WarningIconXs-path-1"
+          ></use>
+          <polygon
+            id="WarningIconXs-Path"
+            fill="#B34A00"
+            fillRule="nonzero"
+            mask="url(#WarningIconXs-mask-2)"
+            points="-2.84217094e-14 -4.26325641e-14 20 -4.26325641e-14 20 20 -2.84217094e-14 20"
+          ></polygon>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default WarningIconXS;

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

@@ -53,6 +53,8 @@ import PaymentSearchIcon from "./PaymentSearchIcon";
 import ResetPasswordIcon from "./ResetPasswordIcon";
 import PeriscopeFailedIcon from "./PeriscopeFailedIcon";
 import CheckIcon from "./CheckIcon";
+import WarningIconXS from "./WarningIconXS";
+import CashIcon from "./CashIcon";
 
 export {
   AccountsIcon,
@@ -109,5 +111,7 @@ export {
   PaymentSearchIcon,
   ResetPasswordIcon,
   PeriscopeFailedIcon,
-  CheckIcon
+  CheckIcon,
+  WarningIconXS,
+  CashIcon
 };

package/src/components/molecules/internal-user-info-form/InternalUserInfoForm.js

@@ -52,7 +52,6 @@ const InternalUserInfoForm = ({
   roleDisabled,
   selectionDisabled,
   formType,
-  isOktaUser,
   openChangePasswordForm,
   firstName,
   lastName
@@ -172,7 +171,7 @@ const InternalUserInfoForm = ({
             onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
             disabled={emailDisabled}
           />
-          {formType === PROFILE && !isOktaUser && (
+          {formType === PROFILE && (
             <FormInput
               labelTextWhenNoError="Password"
               errorMessages={{}}