@sprinklrjs/spaceweb 10.1.0 → 12.0.0-ci.0

package/baseui/payment-card/icons/generic.d.ts

@@ -0,0 +1,4 @@
+declare const Generic: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Generic;

package/baseui/payment-card/icons/generic.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Generic = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M23 4H1V20H23V4Z", fill: "#C9C9CD" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6 15H3V16H6V15Z", fill: "#fff" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M11 15H8V16H11V15Z", fill: "#fff" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M16 15H13V16H16V15Z", fill: "#fff" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M21 15H18V16H21V15Z", fill: "#fff" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M21 6H16V10H21V6Z", fill: "#ABABB3" }, void 0)] }), void 0));
+};
+exports.default = Generic;

package/baseui/payment-card/icons/jcb.d.ts

@@ -0,0 +1,4 @@
+declare const Jcb: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Jcb;

package/baseui/payment-card/icons/jcb.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Jcb = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13 4H15V16C15 18.21 13.21 20 11 20H9V8C9 5.79 10.79 4 13 4Z", fill: "#BF2240" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M8 4V16C8 18.21 6.21 20 4 20H1V8C1 5.79 2.79 4 5 4H8Z", fill: "#1061A7" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M23 4V16C23 18.21 21.21 20 19 20H16V8C16 5.79 17.79 4 20 4H23Z", fill: "#43A946" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M1 12.47C1.22 12.61 2.3 12.96 2.74 12.99C3.69 13.06 4.28 12.74 4.37 11.95V9.01001H6.47V11.89C6.36 13.54 4.91 13.87 2.71 13.76C2.14 13.73 1.37 13.58 1 13.49V12.47Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9 9.77011C9.74 9.19011 10.94 8.91011 12.47 9.02011C13.34 9.09011 13.98 9.21009 14.33 9.31009V10.3401C13.94 10.1501 13.18 9.8601 12.55 9.8201C11.11 9.7201 10.36 10.3901 10.36 11.4801C10.36 12.4601 10.94 13.3001 12.55 13.1901C13.08 13.1501 13.96 12.8501 14.33 12.6701V13.6701C14.01 13.7701 13.01 13.9901 12.06 14.0001C10.64 14.0001 9.63 13.7001 9 13.2101V9.77011Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19.99 11.35V11.33C20.88 11.16 21.13 10.63 21.13 10.17C21.13 9.29998 20.29 9 19.58 9H16V13.79H19.92C20.44 13.79 21.42 13.53 21.42 12.58C21.41 11.65 20.51 11.35 19.99 11.35ZM17.2 9.76001C17.37 9.75001 18.13 9.77001 18.56 9.76001C18.86 9.75001 19.15 10.01 19.15 10.39C19.15 10.76 18.82 10.97 18.59 10.98L17.2 10.97V9.76001ZM18.68 13.02H17.21V11.7C17.37 11.7 18.27 11.7 18.68 11.7C19.01 11.7 19.32 11.97 19.32 12.35C19.32 12.78 18.96 13.02 18.68 13.02Z", fill: "white" }, void 0)] }), void 0));
+};
+exports.default = Jcb;

package/baseui/payment-card/icons/maestro.d.ts

@@ -0,0 +1,4 @@
+declare const Maestro: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Maestro;

package/baseui/payment-card/icons/maestro.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Maestro = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M23 4H1V20H23V4Z", fill: "#000166" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9 17C11.7614 17 14 14.7614 14 12C14 9.23858 11.7614 7 9 7C6.23858 7 4 9.23858 4 12C4 14.7614 6.23858 17 9 17Z", fill: "#06C" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M15 7C13.37 7 11.94 7.79 11.02 9H12.97C13.2 9.31 13.41 9.64 13.57 10H10.41C10.27 10.32 10.16 10.65 10.09 11H13.89C13.96 11.32 13.99 11.66 13.99 12H9.98999C9.98999 12.34 10.03 12.68 10.09 13H13.89C13.82 13.35 13.71 13.68 13.57 14H10.41C10.57 14.36 10.78 14.69 11.01 15H12.96C12.68 15.37 12.35 15.7 11.98 15.98C12.82 16.61 13.85 17 14.98 17C17.74 17 19.98 14.76 19.98 12C19.98 9.24 17.76 7 15 7Z", fill: "#CC0001" }, void 0)] }), void 0));
+};
+exports.default = Maestro;

package/baseui/payment-card/icons/mastercard.d.ts

@@ -0,0 +1,4 @@
+declare const Mastercard: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Mastercard;

package/baseui/payment-card/icons/mastercard.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Mastercard = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M23 4H1V20H23V4Z", fill: "#3F3F4E" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9 17C11.7614 17 14 14.7614 14 12C14 9.23858 11.7614 7 9 7C6.23858 7 4 9.23858 4 12C4 14.7614 6.23858 17 9 17Z", fill: "#EB001A" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M15 17C17.7614 17 20 14.7614 20 12C20 9.23858 17.7614 7 15 7C12.2386 7 10 9.23858 10 12C10 14.7614 12.2386 17 15 17Z", fill: "#F79E1C" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M12 15.98C13.1046 15.98 14 14.1981 14 12C14 9.80191 13.1046 8.02002 12 8.02002C10.8954 8.02002 10 9.80191 10 12C10 14.1981 10.8954 15.98 12 15.98Z", fill: "#FF5F00" }, void 0)] }), void 0));
+};
+exports.default = Mastercard;

package/baseui/payment-card/icons/uatp.d.ts

@@ -0,0 +1,4 @@
+declare const UatpIcon: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UatpIcon;

package/baseui/payment-card/icons/uatp.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UatpIcon = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M23 4H1V20H23V4Z", fill: "#F0F0F0" }, void 0), (0, jsx_runtime_1.jsxs)("g", (0, tslib_1.__assign)({ clipPath: "url(#clip0_90345_28085)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.5057 9.64723H10.1817H9.70679V10.9659L10.3044 12.6255L11.4708 12.133L10.5057 9.64723Z", fill: "#0A2C1B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.34592 14.6471L6.34001 9.64723H5.07682V13.7451C4.94173 13.7928 4.80176 13.8253 4.65948 13.8421C4.38337 13.8743 3.9371 13.9265 3.60459 13.6339C3.27002 13.3394 3.26507 12.8846 3.26655 12.7802V9.64723H2.00336V12.7802C1.96122 13.7182 2.32658 14.1754 2.45948 14.3209C3.17638 15.1058 4.54287 14.9387 5.39513 14.8345C5.71171 14.7958 6.02491 14.7331 6.33204 14.6471L6.32786 14.6427L6.34592 14.6471Z", fill: "#0A2C1B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M21.999 11.453C21.9951 11.2269 21.9447 10.4929 21.3738 10.0162C21.1483 9.82795 20.9283 9.75218 20.7469 9.6897C20.5867 9.63455 20.2633 9.54148 19.3754 9.58086C18.9585 9.59952 18.5429 9.64148 18.1306 9.70653V14.8388H19.3938V13.3179C19.4958 13.3263 19.6189 13.3331 19.7586 13.3337C19.9448 13.3351 20.1309 13.325 20.3158 13.3033C20.4802 13.2817 21.266 13.1786 21.709 12.5414C22.0104 12.1079 22.0024 11.6443 21.999 11.453ZM20.5118 11.9928C20.3546 12.1594 20.1557 12.1903 19.9414 12.2236C19.7608 12.2514 19.5768 12.2484 19.3972 12.2148V10.7433C19.4924 10.7303 19.5885 10.7245 19.6845 10.7259C19.9706 10.73 20.2799 10.7344 20.4943 10.9523C20.6881 11.1491 20.6983 11.4123 20.699 11.4747C20.6996 11.5392 20.6985 11.7948 20.5118 11.9928Z", fill: "#0A2C1B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M10.4995 13.1673L11.1015 14.8388H12.5212L11.6926 12.7045C11.3054 12.8761 10.9077 13.0304 10.4995 13.1673Z", fill: "#0A2C1B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M6.60772 13.6849C6.59882 13.6856 6.59 13.6828 6.58303 13.6773C6.57607 13.6717 6.57148 13.6637 6.57019 13.6548C6.56891 13.646 6.57102 13.637 6.5761 13.6297C6.58119 13.6223 6.58887 13.6172 6.59759 13.6153C7.44534 13.4378 8.27682 13.1899 9.08338 12.8742C12.0436 11.7142 12.5355 10.4597 14.7222 9.60822C17.2224 8.63467 19.7225 9.06335 20.7271 9.30762C20.7338 9.30921 20.7396 9.31329 20.7433 9.31903C20.7471 9.32476 20.7485 9.3317 20.7473 9.33844C20.746 9.34518 20.7423 9.35119 20.7368 9.35525C20.7313 9.35931 20.7244 9.3611 20.7176 9.36026C19.7189 9.24529 18.7085 9.28396 17.7216 9.47491C15.1767 9.96677 14.237 11.2345 11.9094 12.341C10.7268 12.9032 8.98995 13.517 6.60772 13.6849Z", fill: "#3EB54A" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M16.9918 9.64723H12.6013V10.7793H14.1649V14.8388H15.4281V10.7793H16.9918V9.64723Z", fill: "#0A2C1B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.23192 9.64723H8.95198L6.93652 14.8388H8.31211L9.70682 10.9659V9.64723H9.23192Z", fill: "#0A2C1B" }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", (0, tslib_1.__assign)({ id: "clip0_90345_28085" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "5.92493", fill: "white", transform: "translate(2 9)" }, void 0) }), void 0) }, void 0)] }), void 0));
+};
+exports.default = UatpIcon;

package/baseui/payment-card/icons/unionpay.d.ts

@@ -0,0 +1,4 @@
+declare const UnionPay: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UnionPay;

package/baseui/payment-card/icons/unionpay.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UnionPay = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M1 4V20H9.5L13.12 4H1Z", fill: "#D0112B" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.85999 4L6.23999 20H16.5L20.12 4H9.85999Z", fill: "#002857" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M22.9999 4H17.7599L14.1399 20H22.9999V4Z", fill: "#007178" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M18.0499 12.52C17.9699 12.52 17.9299 12.5 17.9299 12.45L17.9199 12.1899H17.2199C16.9999 12.1899 16.3199 12.21 16.1799 12.25C16.0099 12.29 15.8399 12.42 15.8399 12.42L15.9099 12.1899H15.2499L15.1099 12.65L14.4199 14.92H14.2999L14.1699 15.35H15.4799L15.4399 15.49H16.0799L16.1199 15.35H16.2999L16.4399 14.89H16.2599L16.9399 12.65H17.1599L17.2299 12.42L17.2399 12.6801C17.2299 12.8401 17.3599 12.98 17.6799 12.96H18.0599L18.1899 12.53H18.0499V12.52ZM15.6199 14.9H15.0999L15.2499 14.4H15.7699L15.6199 14.9ZM15.9199 13.9301C15.9199 13.9301 15.7599 13.95 15.6499 13.97C15.5399 14 15.3399 14.1 15.3399 14.1L15.5199 13.5H16.0399L15.9199 13.9301ZM16.1699 13.0699C16.1699 13.0699 16.0099 13.08 15.8999 13.11C15.7899 13.14 15.5999 13.23 15.5999 13.23L15.7699 12.66H16.2899L16.1699 13.0699Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M17.32 14.24H16.65L16.76 13.86H17.52L17.63 13.51H16.88L17.01 13.08H19.11L18.98 13.51H18.28L18.17 13.86H18.88L18.76 14.24H18L17.86 14.4H18.17L18.25 14.88C18.26 14.93 18.26 14.96 18.27 14.98C18.29 15 18.38 15.01 18.43 15.01H18.52L18.38 15.48H18.14C18.1 15.48 18.05 15.48 17.97 15.47C17.9 15.46 17.85 15.42 17.8 15.4C17.76 15.38 17.69 15.33 17.68 15.24L17.61 14.76L17.26 15.23C17.15 15.38 17 15.5 16.75 15.5H16.27L16.4 15.08H16.59C16.64 15.08 16.69 15.06 16.73 15.04C16.77 15.03 16.8 15.01 16.83 14.95L17.32 14.24Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M10.0001 13.1899H11.7701L11.6401 13.61H10.9301L10.8201 13.97H11.5401L11.4101 14.41H10.6901L10.5101 15C10.4901 15.06 10.6801 15.0699 10.7501 15.0699L11.1101 15.02L10.9601 15.5H10.1401C10.0701 15.5 10.0301 15.49 9.95011 15.47C9.88011 15.45 9.85011 15.42 9.82011 15.38C9.79011 15.33 9.74011 15.2899 9.78011 15.1899L10.0101 14.42H9.61011L9.74011 13.98H10.1401L10.2501 13.62H9.85011L10.0001 13.1899Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M11.1899 12.4301H11.9199L11.7899 12.87H10.7999L10.6899 12.96C10.6399 13 10.6299 12.99 10.5699 13.02C10.5099 13.05 10.3999 13.1 10.2399 13.1H9.91992L10.0499 12.6801H10.1499C10.2299 12.6801 10.2899 12.67 10.3099 12.66C10.3399 12.64 10.3799 12.59 10.4199 12.52L10.5999 12.1899H11.3199L11.1899 12.4301Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5801 13.16C12.5801 13.16 12.7801 12.98 13.1201 12.92C13.2001 12.91 13.6801 12.91 13.6801 12.91L13.7501 12.67H12.7301L12.5801 13.16ZM13.5401 13.34H12.5301L12.4701 13.54H13.3501C13.4501 13.53 13.4701 13.54 13.4801 13.54L13.5401 13.34ZM12.2301 12.2H12.8501L12.7601 12.51C12.7601 12.51 12.9601 12.35 13.0901 12.3C13.2301 12.25 13.5301 12.2 13.5301 12.2L14.5301 12.1899L14.1901 13.33C14.1301 13.52 14.0701 13.65 14.0201 13.71C13.9801 13.77 13.9401 13.82 13.8501 13.87C13.7701 13.92 13.6901 13.94 13.6201 13.95C13.5501 13.95 13.4501 13.96 13.3101 13.96H12.3501L12.0801 14.86C12.0501 14.95 12.0401 14.99 12.0601 15.02C12.0701 15.04 12.1101 15.0601 12.1501 15.0601L12.5801 15.02L12.4301 15.51H11.9601C11.8101 15.51 11.7001 15.51 11.6201 15.5C11.5501 15.49 11.4701 15.5 11.4201 15.46C11.3801 15.42 11.3101 15.3699 11.3101 15.3199C11.3101 15.2699 11.3401 15.19 11.3701 15.08L12.2301 12.2Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M14.0301 14.03L13.9701 14.3C13.9501 14.39 13.9201 14.45 13.8601 14.5C13.7901 14.56 13.7101 14.62 13.5301 14.62L13.1901 14.63V14.9399C13.1901 15.0299 13.2101 15.02 13.2201 15.03C13.2401 15.05 13.2501 15.0501 13.2601 15.0601L13.3701 15.05L13.7001 15.03L13.5601 15.48H13.1801C12.9201 15.48 12.7201 15.47 12.6601 15.42C12.6001 15.38 12.5901 15.33 12.5901 15.24L12.6101 14.04H13.2101L13.2001 14.29H13.3401C13.3901 14.29 13.4201 14.29 13.4401 14.27C13.4601 14.26 13.4701 14.24 13.4801 14.21L13.5401 14.02H14.0301V14.03Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M5.46996 8.01001C5.44996 8.11001 5.05996 9.88001 5.05996 9.89001C4.97996 10.25 4.91996 10.51 4.70996 10.67C4.58996 10.77 4.45996 10.8101 4.29996 10.8101C4.04996 10.8101 3.89996 10.68 3.86996 10.45V10.37L3.94996 9.89001C3.94996 9.89001 4.34996 8.27006 4.42996 8.06006C4.42996 8.05006 4.42996 8.04004 4.43996 8.04004C3.64996 8.05004 3.50996 8.04003 3.49996 8.03003C3.48996 8.05003 3.47996 8.15002 3.47996 8.15002L3.06996 9.96997L3.02996 10.12L2.95996 10.63C2.95996 10.78 2.98996 10.9 3.04996 11.01C3.23996 11.34 3.76996 11.39 4.07996 11.39C4.46996 11.39 4.83996 11.31 5.08996 11.16C5.51996 10.91 5.62996 10.51 5.72996 10.16L5.77996 9.97998C5.77996 9.97998 6.19996 8.29996 6.26996 8.07996C6.26996 8.06996 6.26996 8.06006 6.27996 8.06006C5.68996 8.03006 5.51996 8.02001 5.46996 8.01001Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M7.76994 11.35C7.48994 11.35 7.38994 11.35 7.06994 11.36L7.05994 11.34C7.08994 11.22 7.11994 11.09 7.14994 10.97L7.18994 10.8C7.24994 10.54 7.30994 10.23 7.31994 10.14C7.32994 10.08 7.34994 9.93994 7.17994 9.93994C7.10994 9.93994 7.03994 9.97001 6.96994 10.01C6.92994 10.15 6.84994 10.55 6.80994 10.72C6.72994 11.1 6.71994 11.14 6.68994 11.33L6.66994 11.36C6.37994 11.36 6.27994 11.36 5.94994 11.37L5.93994 11.34C5.98994 11.12 6.04994 10.89 6.09994 10.66C6.23994 10.05 6.26994 9.82001 6.30994 9.51001L6.33994 9.48999C6.65994 9.43999 6.73994 9.43999 7.08994 9.35999L7.11994 9.39001L7.06994 9.57996C7.12994 9.53996 7.18994 9.50998 7.24994 9.47998C7.40994 9.39998 7.59994 9.37 7.69994 9.37C7.84994 9.37 8.01994 9.40997 8.08994 9.58997C8.15994 9.74997 8.10994 9.93995 8.02994 10.3199L7.98994 10.52C7.89994 10.95 7.88994 11.0199 7.83994 11.3199L7.76994 11.35Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M8.9099 11.35C8.7399 11.35 8.6299 11.35 8.5299 11.35C8.4199 11.35 8.3199 11.36 8.1699 11.36L8.1599 11.35L8.1499 11.34C8.1899 11.18 8.2199 11.1199 8.2399 11.0699C8.2599 11.0099 8.2799 10.96 8.3199 10.79C8.3699 10.58 8.3999 10.43 8.4199 10.3C8.4399 10.17 8.4599 10.0699 8.4699 9.93994L8.4799 9.93005L8.4899 9.92004C8.6599 9.90004 8.7599 9.87999 8.8699 9.85999C8.9799 9.84999 9.0899 9.82004 9.2599 9.79004L9.2699 9.80005V9.81995C9.2399 9.94995 9.2099 10.08 9.1699 10.22C9.1399 10.35 9.1099 10.49 9.0799 10.62C9.0199 10.9 8.9899 11.01 8.9799 11.08C8.9699 11.15 8.9599 11.19 8.9399 11.34L8.9199 11.35H8.9099Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M10.68 10.35C10.67 10.42 10.6 10.6901 10.52 10.8101C10.46 10.8901 10.39 10.95 10.31 10.95C10.29 10.95 10.15 10.95 10.15 10.74C10.15 10.64 10.17 10.54 10.19 10.42C10.26 10.1 10.35 9.81995 10.57 9.81995C10.75 9.82995 10.76 10.03 10.68 10.35ZM11.41 10.38C11.51 9.95 11.43 9.75 11.34 9.63C11.19 9.44 10.94 9.38 10.67 9.38C10.51 9.38 10.13 9.40004 9.82995 9.67004C9.61995 9.87004 9.51995 10.14 9.45995 10.39C9.39995 10.65 9.32995 11.13 9.76995 11.3C9.89995 11.36 10.1 11.37 10.22 11.37C10.54 11.37 10.86 11.28 11.11 11.02C11.3 10.83 11.38 10.51 11.41 10.38Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M18.6699 9.41003C18.3199 9.47003 18.2299 9.49004 17.8899 9.54004L17.8599 9.56006C17.8599 9.59006 17.8499 9.62001 17.8499 9.64001C17.7999 9.55001 17.7199 9.47994 17.6099 9.43994C17.4599 9.37994 17.1099 9.45998 16.8099 9.72998C16.5999 9.92998 16.4999 10.19 16.4399 10.45C16.3799 10.71 16.3099 11.18 16.7399 11.35C16.8799 11.41 16.9999 11.43 17.1299 11.42C17.2599 11.41 17.3899 11.34 17.4999 11.25C17.4899 11.29 17.4799 11.33 17.4699 11.37L17.4899 11.4C17.7999 11.39 17.8999 11.39 18.2299 11.39L18.2599 11.37C18.3099 11.08 18.3599 10.8 18.4799 10.25C18.5399 9.98 18.5999 9.71996 18.6699 9.45996V9.41003ZM17.5599 10.85C17.4999 10.93 17.3699 10.98 17.2899 10.98C17.2699 10.98 17.1299 10.98 17.1299 10.78C17.1299 10.68 17.1499 10.58 17.1799 10.46C17.2499 10.14 17.3399 9.87 17.5599 9.87C17.6999 9.87 17.7699 10.01 17.7499 10.24C17.7399 10.29 17.7299 10.34 17.7199 10.4C17.6999 10.5 17.6699 10.5899 17.6499 10.6899C17.6199 10.7499 17.5899 10.81 17.5599 10.85Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M13.32 11.35C13.04 11.35 12.94 11.35 12.62 11.36L12.61 11.34C12.64 11.22 12.67 11.09 12.7 10.97L12.74 10.8C12.8 10.54 12.86 10.23 12.87 10.14C12.88 10.08 12.9 9.93994 12.74 9.93994C12.67 9.93994 12.6 9.97001 12.53 10.01C12.49 10.15 12.41 10.55 12.37 10.72C12.29 11.1 12.29 11.14 12.25 11.33L12.23 11.36C11.94 11.36 11.84 11.36 11.51 11.37L11.5 11.34C11.55 11.12 11.61 10.89 11.66 10.66C11.8 10.05 11.83 9.82001 11.87 9.51001L11.89 9.48999C12.21 9.43999 12.29 9.43999 12.64 9.35999L12.67 9.39001L12.62 9.57996C12.68 9.53996 12.74 9.50998 12.79 9.47998C12.95 9.39998 13.14 9.37 13.24 9.37C13.39 9.37 13.56 9.40997 13.63 9.58997C13.69 9.74997 13.65 9.93995 13.56 10.3199L13.52 10.52C13.43 10.95 13.41 11.0199 13.37 11.3199L13.32 11.35Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M15.74 8H15.51C14.91 8.01 14.66 8.00999 14.57 7.98999C14.56 8.02999 14.55 8.10999 14.55 8.10999L14.33 9.10999C14.33 9.10999 13.81 11.24 13.79 11.34C14.32 11.33 14.53 11.33 14.62 11.34C14.64 11.24 14.76 10.64 14.76 10.64C14.76 10.64 14.86 10.1999 14.87 10.1899C14.87 10.1899 14.9 10.14 14.94 10.13H14.99C15.44 10.13 15.96 10.13 16.36 9.82996C16.63 9.62996 16.82 9.32996 16.9 8.95996C16.92 8.86996 16.94 8.76003 16.94 8.66003C16.94 8.52003 16.91 8.38002 16.83 8.27002C16.62 8.01002 16.21 8.01 15.74 8ZM16.04 9.05005C15.99 9.27005 15.85 9.46005 15.66 9.55005C15.51 9.63005 15.32 9.63 15.13 9.63H15L15.01 9.57996L15.24 8.57996L15.25 8.53003V8.48999L15.34 8.5C15.34 8.5 15.81 8.54004 15.82 8.54004C16.01 8.62004 16.09 8.80005 16.04 9.05005Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.20998 9.62995C9.38998 9.49995 9.41998 9.31992 9.25998 9.22992C9.09998 9.13992 8.82998 9.16998 8.63998 9.28998C8.44998 9.41998 8.42998 9.58988 8.58998 9.68988C8.74998 9.78988 9.02998 9.75995 9.20998 9.62995Z", fill: "white" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M20.99 9.40002L20.9599 9.37C20.6199 9.44 20.55 9.44999 20.24 9.48999L20.2199 9.51001V9.52002V9.51001C19.9799 10.05 19.9899 9.93999 19.7999 10.36C19.7999 10.34 19.7999 10.3301 19.7999 10.3101L19.75 9.38L19.7199 9.34998C19.3599 9.41998 19.35 9.42997 19.02 9.46997L18.99 9.48999C18.99 9.49999 18.9899 9.51003 18.9799 9.53003C19.0199 9.74003 19.0099 9.70003 19.0499 10.03C19.0699 10.19 19.1 10.36 19.12 10.52C19.15 10.79 19.1699 10.93 19.2099 11.34C18.9899 11.71 18.9299 11.8501 18.7199 12.1801L18.57 12.42C18.55 12.45 18.54 12.46 18.51 12.47C18.49 12.48 18.45 12.48 18.41 12.48H18.33L18.2 12.9L18.6299 12.91C18.8799 12.91 19.0399 12.79 19.1299 12.63L19.4 12.17L19.43 12.14C19.6 11.78 20.99 9.40002 20.99 9.40002Z", fill: "white" }, void 0)] }), void 0));
+};
+exports.default = UnionPay;

package/baseui/payment-card/icons/visa.d.ts

@@ -0,0 +1,4 @@
+declare const Visa: ({ size }: {
+    size: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Visa;

package/baseui/payment-card/icons/visa.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Visa = function (_a) {
+    var size = _a.size;
+    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M23 4H1V20H23V4Z", fill: "#16216B" }, void 0), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.98 14.5C11.99 14.5 11.34 14.21 10.87 13.95L11.53 13.01C11.95 13.23 12.28 13.48 13.04 13.48C13.28 13.48 13.52 13.42 13.65 13.21C13.84 12.9 13.61 12.73 13.06 12.45L12.79 12.29C11.98 11.78 11.63 11.3 12.01 10.45C12.25 9.90995 12.9 9.5 13.95 9.5C14.68 9.5 15.37 9.78996 15.76 10.08L15 10.91C14.61 10.62 14.29 10.47 13.92 10.47C13.63 10.47 13.4 10.57 13.32 10.72C13.17 10.99 13.37 11.17 13.79 11.41L14.11 11.6C15.09 12.17 15.32 12.77 15.08 13.33C14.67 14.28 13.84 14.5 12.98 14.5ZM18.62 11.5601C18.6 11.2101 18.59 10.7299 18.62 10.4399H18.6C18.52 10.6799 17.47 12.78 17.47 12.78H18.69L18.62 11.5601ZM18.78 14.36L18.74 13.65H17L16.64 14.36H15.12L17.87 9.60999H19.73L20.2 14.36H18.78ZM7.93 9.60999L6.67 11.63C6.35 12.16 6.16 12.43 6.07 12.76H6.06C6.08 12.34 6.02 11.82 6.01 11.52L5.87 9.60999H3.52L3.5 9.73999C4.1 9.73999 4.46 10.02 4.56 10.59L5.02 14.37H6.47L9.39 9.60999H7.93ZM8.55 14.36L10.11 9.59998H11.51L9.95 14.36H8.55Z", fill: "#fff" }, void 0)] }), void 0));
+};
+exports.default = Visa;

package/baseui/payment-card/index.d.ts

@@ -0,0 +1,7 @@
+export { default as StatefulPaymentCard } from './stateful-payment-card';
+export { StatefulContainer } from '../input';
+export { default as PaymentCard } from './payment-card';
+export { default as valid } from 'card-validator';
+export { SIZE } from '../input';
+export { IconWrapper as StyledIconWrapper } from './styled-components';
+export * from './types';

package/baseui/payment-card/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledIconWrapper = exports.SIZE = exports.valid = exports.PaymentCard = exports.StatefulContainer = exports.StatefulPaymentCard = void 0;
+var tslib_1 = require("tslib");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var stateful_payment_card_1 = require("./stateful-payment-card");
+Object.defineProperty(exports, "StatefulPaymentCard", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_payment_card_1).default; } });
+var input_1 = require("../input");
+Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return input_1.StatefulContainer; } });
+var payment_card_1 = require("./payment-card");
+Object.defineProperty(exports, "PaymentCard", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(payment_card_1).default; } });
+var card_validator_1 = require("card-validator");
+Object.defineProperty(exports, "valid", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(card_validator_1).default; } });
+var input_2 = require("../input");
+Object.defineProperty(exports, "SIZE", { enumerable: true, get: function () { return input_2.SIZE; } });
+// Styled elements
+var styled_components_1 = require("./styled-components");
+Object.defineProperty(exports, "StyledIconWrapper", { enumerable: true, get: function () { return styled_components_1.IconWrapper; } });
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/baseui/payment-card/payment-card.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { PaymentCardProps } from './types';
+declare class PaymentCard extends React.Component<PaymentCardProps> {
+    static defaultProps: {
+        autoComplete: string;
+        autoFocus: boolean;
+        disabled: boolean;
+        name: string;
+        error: boolean;
+        onBlur: () => void;
+        onFocus: () => void;
+        overrides: {};
+        required: boolean;
+        size: string;
+        startEnhancer: null;
+        endEnhancer: null;
+    };
+    caretPosition: number;
+    inRef: HTMLInputElement | HTMLTextAreaElement | null;
+    constructor(props: PaymentCardProps);
+    componentDidUpdate(prevProps: PaymentCardProps): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default PaymentCard;

package/baseui/payment-card/payment-card.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var valid = (0, tslib_1.__importStar)(require("card-validator"));
+var utils_1 = require("./utils");
+var overrides_1 = require("../helpers/overrides");
+var input_1 = require("../input");
+var amex_1 = (0, tslib_1.__importDefault)(require("./icons/amex"));
+var dinersclub_1 = (0, tslib_1.__importDefault)(require("./icons/dinersclub"));
+var discover_1 = (0, tslib_1.__importDefault)(require("./icons/discover"));
+var elo_1 = (0, tslib_1.__importDefault)(require("./icons/elo"));
+var generic_1 = (0, tslib_1.__importDefault)(require("./icons/generic"));
+var jcb_1 = (0, tslib_1.__importDefault)(require("./icons/jcb"));
+var maestro_1 = (0, tslib_1.__importDefault)(require("./icons/maestro"));
+var mastercard_1 = (0, tslib_1.__importDefault)(require("./icons/mastercard"));
+var unionpay_1 = (0, tslib_1.__importDefault)(require("./icons/unionpay"));
+var visa_1 = (0, tslib_1.__importDefault)(require("./icons/visa"));
+var uatp_1 = (0, tslib_1.__importDefault)(require("./icons/uatp"));
+var styled_components_1 = require("./styled-components");
+var custom_cards_config_1 = require("./custom-cards.config");
+var CardTypeToComponent = {
+    visa: visa_1.default,
+    mastercard: mastercard_1.default,
+    'american-express': amex_1.default,
+    'diners-club': dinersclub_1.default,
+    discover: discover_1.default,
+    jcb: jcb_1.default,
+    unionpay: unionpay_1.default,
+    maestro: maestro_1.default,
+    elo: elo_1.default,
+    generic: generic_1.default,
+    uatp: uatp_1.default,
+};
+var PaymentCard = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(PaymentCard, _super);
+    function PaymentCard(props) {
+        var _this = _super.call(this, props) || this;
+        _this.caretPosition = 0;
+        _this.inRef = null;
+        // For adding new custom card type, add card config to custom-cards.config.js
+        custom_cards_config_1.CUSTOM_CARDS_CONFIGURATION.forEach(function (cardTypeConfig) { return valid.creditCardType.addCard(cardTypeConfig); });
+        return _this;
+    }
+    PaymentCard.prototype.componentDidUpdate = function (prevProps) {
+        if (this.inRef && prevProps.value !== this.props.value) {
+            this.inRef.setSelectionRange(this.caretPosition, this.caretPosition);
+        }
+    };
+    PaymentCard.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? input_1.SIZE.default : _c, onChange = _a.onChange, value = _a.value, _d = _a["aria-label"], ariaLabel = _d === void 0 ? 'Please enter a debit or credit card number.' : _d, restProps = (0, tslib_1.__rest)(_a, ["overrides", "size", "onChange", "value", 'aria-label']);
+        var IconWrapperOverride = overrides.IconWrapper, restOverrides = (0, tslib_1.__rest)(overrides, ["IconWrapper"]);
+        var _e = (0, tslib_1.__read)((0, overrides_1.getOverrides)(IconWrapperOverride, styled_components_1.IconWrapper), 2), IconWrapper = _e[0], iconWrapperProps = _e[1];
+        // todo(flow->ts): maybe incorrect typecast, should it be `${value}`?
+        var validatedValue = valid.number(value);
+        var gaps = [];
+        var type = undefined;
+        if (validatedValue.card) {
+            gaps = validatedValue.card.gaps || [];
+            type = validatedValue.card.type;
+        }
+        // @ts-ignore
+        var getBeforeComponent = function () {
+            var _a;
+            var iconSize = (_a = {},
+                _a[input_1.SIZE.mini] = '16pz',
+                _a[input_1.SIZE.compact] = '24px',
+                _a[input_1.SIZE.default] = '32px',
+                _a[input_1.SIZE.large] = '40px',
+                _a);
+            return function () { return ((0, jsx_runtime_1.jsx)(IconWrapper, (0, tslib_1.__assign)({ "$size": size }, iconWrapperProps, { children: React.createElement(CardTypeToComponent[type || 'generic'] || generic_1.default, {
+                    size: iconSize[size],
+                }) }), void 0)); };
+        };
+        return ((0, jsx_runtime_1.jsx)(input_1.Input, (0, tslib_1.__assign)({ size: size, "aria-label": ariaLabel, "data-baseweb": "payment-card-input", inputMode: "numeric", overrides: Object.freeze((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restOverrides), { Before: getBeforeComponent() })), onChange: function (e) {
+                var _a = (0, tslib_1.__read)((0, utils_1.getCaretPosition)(e.target.value, _this.props.value ? String(_this.props.value) : '', 
+                // @ts-ignore
+                e.target.selectionStart), 2), position = _a[0], value = _a[1];
+                // @ts-expect-error todo(flow->ts): looks dangerous
+                _this.caretPosition = position;
+                _this.inRef = e.target;
+                // @ts-expect-error todo(flow->ts): looks dangerous
+                e.target.value = value;
+                onChange && onChange(e);
+            }, value: (0, utils_1.addGaps)(gaps, String(value) || '') }, restProps), void 0));
+    };
+    PaymentCard.defaultProps = {
+        autoComplete: 'cc-number',
+        autoFocus: false,
+        disabled: false,
+        name: '',
+        error: false,
+        onBlur: function () { },
+        onFocus: function () { },
+        overrides: {},
+        required: false,
+        size: 'default',
+        // @ts-ignore
+        startEnhancer: null,
+        // @ts-ignore
+        endEnhancer: null,
+    };
+    return PaymentCard;
+}(React.Component));
+exports.default = PaymentCard;

package/baseui/payment-card/stateful-payment-card.d.ts

@@ -0,0 +1,2 @@
+import type { StatefulPaymentCardProps } from './types';
+export default function StatefulPaymentCard(props: StatefulPaymentCardProps): import("react/jsx-runtime").JSX.Element;

package/baseui/payment-card/stateful-payment-card.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var stateful_container_1 = (0, tslib_1.__importDefault)(require("../input/stateful-container"));
+var payment_card_1 = (0, tslib_1.__importDefault)(require("./payment-card"));
+function StatefulPaymentCard(props) {
+    return ((0, jsx_runtime_1.jsx)(stateful_container_1.default, (0, tslib_1.__assign)({}, props, { children: function (childrenProps) { return (0, jsx_runtime_1.jsx)(payment_card_1.default, (0, tslib_1.__assign)({}, childrenProps), void 0); } }), void 0));
+}
+exports.default = StatefulPaymentCard;

package/baseui/payment-card/styled-components.d.ts

@@ -0,0 +1 @@
+export declare const IconWrapper: import("../../style/styled").StyledComponent;

package/baseui/payment-card/styled-components.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWrapper = void 0;
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var style_1 = require("../../style");
+exports.IconWrapper = (0, style_1.styled)('div', 'flex items-center h-full');
+exports.IconWrapper.displayName = 'IconWrapper';

package/baseui/payment-card/types.d.ts

@@ -0,0 +1,11 @@
+import type { InputOverrides, InputProps, StInputPropsDiff } from '../input';
+import type { Override } from '../helpers/overrides';
+export declare type PaymentCardOverrides = {
+    IconWrapper?: Override;
+} & InputOverrides;
+export declare type PaymentCardProps = {
+    overrides: PaymentCardOverrides;
+} & InputProps;
+export declare type StatefulPaymentCardProps = {
+    overrides?: PaymentCardOverrides;
+} & StInputPropsDiff;

package/baseui/payment-card/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/baseui/payment-card/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const addGaps: (gaps: number[], value: string) => string;
+export declare const sanitizeNumber: (input: string) => string;
+export declare const getCaretPosition: (value: string, prevValue: string, position: number) => (string | number)[];

package/baseui/payment-card/utils.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCaretPosition = exports.sanitizeNumber = exports.addGaps = void 0;
+var tslib_1 = require("tslib");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var valid = (0, tslib_1.__importStar)(require("card-validator"));
+var addGaps = function (gaps, value) {
+    return gaps.reduce(function (prev, gap, index) { return "".concat(prev.slice(0, gap + index), " ").concat(prev.slice(gap + index)).trim(); }, "".concat(value));
+};
+exports.addGaps = addGaps;
+var sanitizeNumber = function (input) {
+    var number = input.replace(/[^0-9]/gi, '');
+    var validatedValue = valid.number(number);
+    if (validatedValue.card && Array.isArray(validatedValue.card.lengths)) {
+        return number.slice(0, validatedValue.card.lengths[validatedValue.card.lengths.length - 1]);
+    }
+    // CC number NEVER can have more than 19 digits
+    return number.slice(0, 19);
+};
+exports.sanitizeNumber = sanitizeNumber;
+var getCaretPosition = function (value, prevValue, position) {
+    var cleanValue = (0, exports.sanitizeNumber)(value);
+    var validatedValue = valid.number(cleanValue);
+    // skipping over a gap
+    if (validatedValue.card && Array.isArray(validatedValue.card.gaps)) {
+        var gaps = validatedValue.card.gaps;
+        var valueWithGaps = (0, exports.addGaps)(gaps, cleanValue);
+        if (cleanValue.length > prevValue.length && valueWithGaps[position - 1] === ' ') {
+            return [position + 1, cleanValue];
+        }
+    }
+    // deleting a gap
+    var prevValidatedValue = valid.number(prevValue);
+    if (prevValidatedValue.card && Array.isArray(prevValidatedValue.card.gaps)) {
+        var gaps = prevValidatedValue.card.gaps;
+        var valueWithGaps = (0, exports.addGaps)(gaps, prevValue);
+        if (prevValue === cleanValue && valueWithGaps.length > value.length) {
+            var newValue = valueWithGaps.slice(0, position - 1) + valueWithGaps.slice(position);
+            return [position - 1, (0, exports.sanitizeNumber)(newValue)];
+        }
+    }
+    // change without crossing a gap
+    return [position, cleanValue];
+};
+exports.getCaretPosition = getCaretPosition;

package/baseui/popover/constants.d.ts

@@ -0,0 +1,45 @@
+export declare const PLACEMENT: {
+    readonly auto: "auto";
+    readonly topLeft: "topLeft";
+    readonly top: "top";
+    readonly topRight: "topRight";
+    readonly rightTop: "rightTop";
+    readonly right: "right";
+    readonly rightBottom: "rightBottom";
+    readonly bottomRight: "bottomRight";
+    readonly bottom: "bottom";
+    readonly bottomLeft: "bottomLeft";
+    readonly leftBottom: "leftBottom";
+    readonly left: "left";
+    readonly leftTop: "leftTop";
+};
+export declare const TRIGGER_TYPE: {
+    readonly click: "click";
+    readonly hover: "hover";
+};
+export declare const STATE_CHANGE_TYPE: {
+    readonly open: "open";
+    readonly close: "close";
+};
+export declare const ACCESSIBILITY_TYPE: {
+    readonly none: "none";
+    readonly menu: "menu";
+    readonly tooltip: "tooltip";
+};
+export declare const POPOVER_MARGIN = 8;
+export declare const ARROW_SIZE = 6;
+export declare const ANIMATE_OUT_TIME = 0;
+export declare const ANIMATE_IN_TIME = 20;
+/**
+ * Since we use a 45-degree rotated div to render the arrow, the
+ * width/height of this div is different than the arrow size itself
+ *
+ * The arrow size is essentially half the diagonal of the rotated div,
+ * using pythagorean theorem:
+ *   width^2 + height^2 = (arrow_size * 2)^2
+ * In this case width = height so:
+ *   2 * width^2 = (arrow_size * 2)^2
+ * Simplifies to:
+ *   width = √((arrow_size * 2)^2 / 2)
+ */
+export declare const ARROW_WIDTH: number;

package/baseui/popover/constants.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ARROW_WIDTH = exports.ANIMATE_IN_TIME = exports.ANIMATE_OUT_TIME = exports.ARROW_SIZE = exports.POPOVER_MARGIN = exports.ACCESSIBILITY_TYPE = exports.STATE_CHANGE_TYPE = exports.TRIGGER_TYPE = exports.PLACEMENT = void 0;
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+exports.PLACEMENT = {
+    auto: 'auto',
+    topLeft: 'topLeft',
+    top: 'top',
+    topRight: 'topRight',
+    rightTop: 'rightTop',
+    right: 'right',
+    rightBottom: 'rightBottom',
+    bottomRight: 'bottomRight',
+    bottom: 'bottom',
+    bottomLeft: 'bottomLeft',
+    leftBottom: 'leftBottom',
+    left: 'left',
+    leftTop: 'leftTop',
+};
+exports.TRIGGER_TYPE = {
+    click: 'click',
+    hover: 'hover',
+};
+exports.STATE_CHANGE_TYPE = {
+    open: 'open',
+    close: 'close',
+};
+exports.ACCESSIBILITY_TYPE = {
+    none: 'none',
+    menu: 'menu',
+    tooltip: 'tooltip',
+};
+exports.POPOVER_MARGIN = 8;
+exports.ARROW_SIZE = 6;
+exports.ANIMATE_OUT_TIME = 0;
+exports.ANIMATE_IN_TIME = 20;
+/**
+ * Since we use a 45-degree rotated div to render the arrow, the
+ * width/height of this div is different than the arrow size itself
+ *
+ * The arrow size is essentially half the diagonal of the rotated div,
+ * using pythagorean theorem:
+ *   width^2 + height^2 = (arrow_size * 2)^2
+ * In this case width = height so:
+ *   2 * width^2 = (arrow_size * 2)^2
+ * Simplifies to:
+ *   width = √((arrow_size * 2)^2 / 2)
+ */
+exports.ARROW_WIDTH = Math.ceil(Math.sqrt(Math.pow((exports.ARROW_SIZE * 2), 2) / 2));

package/baseui/popover/default-props.d.ts

@@ -0,0 +1,3 @@
+import type { BasePopoverProps } from './types';
+declare const baseDefaultProps: Partial<BasePopoverProps>;
+export default baseDefaultProps;

package/baseui/popover/default-props.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var constants_1 = require("./constants");
+var baseDefaultProps = {
+    accessibilityType: constants_1.ACCESSIBILITY_TYPE.menu,
+    focusLock: false,
+    autoFocus: true,
+    returnFocus: true,
+    // Remove the `ignoreBoundary` prop in the next major version
+    // and have it replaced with the TetherBehavior props overrides
+    ignoreBoundary: false,
+    overrides: {},
+    onMouseEnterDelay: 200,
+    onMouseLeaveDelay: 200,
+    placement: constants_1.PLACEMENT.auto,
+    showArrow: false,
+    triggerType: constants_1.TRIGGER_TYPE.click,
+    renderAll: false,
+};
+exports.default = baseDefaultProps;

package/baseui/popover/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StatefulPopover } from './stateful-popover';
+export { default as StatefulContainer } from './stateful-container';
+export { default as Popover } from './popover';
+export { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE, STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME, } from './constants';
+export { Arrow as StyledArrow, Body as StyledBody, Inner as StyledInner, Padding as StyledPadding, } from './styled-components';
+export * from './types';

package/baseui/popover/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledPadding = exports.StyledInner = exports.StyledBody = exports.StyledArrow = exports.ANIMATE_OUT_TIME = exports.ANIMATE_IN_TIME = exports.STATE_CHANGE_TYPE = exports.TRIGGER_TYPE = exports.PLACEMENT = exports.ACCESSIBILITY_TYPE = exports.Popover = exports.StatefulContainer = exports.StatefulPopover = void 0;
+var tslib_1 = require("tslib");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var stateful_popover_1 = require("./stateful-popover");
+Object.defineProperty(exports, "StatefulPopover", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_popover_1).default; } });
+var stateful_container_1 = require("./stateful-container");
+Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_container_1).default; } });
+var popover_1 = require("./popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(popover_1).default; } });
+// Constants
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "ACCESSIBILITY_TYPE", { enumerable: true, get: function () { return constants_1.ACCESSIBILITY_TYPE; } });
+Object.defineProperty(exports, "PLACEMENT", { enumerable: true, get: function () { return constants_1.PLACEMENT; } });
+Object.defineProperty(exports, "TRIGGER_TYPE", { enumerable: true, get: function () { return constants_1.TRIGGER_TYPE; } });
+Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return constants_1.STATE_CHANGE_TYPE; } });
+Object.defineProperty(exports, "ANIMATE_IN_TIME", { enumerable: true, get: function () { return constants_1.ANIMATE_IN_TIME; } });
+Object.defineProperty(exports, "ANIMATE_OUT_TIME", { enumerable: true, get: function () { return constants_1.ANIMATE_OUT_TIME; } });
+// Styled elements
+var styled_components_1 = require("./styled-components");
+Object.defineProperty(exports, "StyledArrow", { enumerable: true, get: function () { return styled_components_1.Arrow; } });
+Object.defineProperty(exports, "StyledBody", { enumerable: true, get: function () { return styled_components_1.Body; } });
+Object.defineProperty(exports, "StyledInner", { enumerable: true, get: function () { return styled_components_1.Inner; } });
+Object.defineProperty(exports, "StyledPadding", { enumerable: true, get: function () { return styled_components_1.Padding; } });
+// Flow
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/baseui/popover/popover.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { PopoverProps } from './types';
+declare const Popover: {
+    (props: import("./types").BasePopoverProps & {
+        children: React.ReactNode;
+        content: React.ReactNode | import("./types").ContentRenderProp;
+        isOpen: boolean;
+        onClickOutside?: ((event: MouseEvent) => unknown) | undefined;
+        onEsc?: (() => unknown) | undefined;
+    } & {
+        innerRef?: React.Ref<HTMLElement> | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    defaultProps: Partial<import("./types").BasePopoverProps>;
+};
+export default Popover;