@mvf/external-components 1.16.1 → 1.17.0

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
+var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
+describe('PhoneNumberTextField', function () {
+    it('should display PhoneNumberTextField Component', function () {
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input" })).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+    it('should be able to input values', function () {
+        var getByRole = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input" })).getByRole;
+        user_event_1.default.type(getByRole('textbox'), '90210');
+        expect(getByRole('textbox')).toHaveValue('90210');
+    });
+    it('should have an input type of tel by default', function () {
+        var _a;
+        var container = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
+    });
+    it('should pass text input type through', function () {
+        var _a;
+        var container = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
+    });
+    it('should display validity icon on error', function () {
+        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message" })).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on validation success', function () {
+        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+    it('should display error icon on validation success and error message', function () {
+        var _a = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
+    });
+});
+//# sourceMappingURL=PhoneNumberTextField.test.js.map

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare type StoryType = React.FunctionComponent<{
+    disabled: boolean;
+    errorMessage: string;
+    isAnswered: boolean;
+    label: string;
+    placeholder: string;
+    type: 'tel' | 'text';
+}>;
+declare const PhoneNumberTextFieldStory: StoryType;
+export default PhoneNumberTextFieldStory;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
+var getInput = function (id) {
+    return document.querySelector("#" + id);
+};
+var getCountryCode = function (id) {
+    var input = getInput(id);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
+    var iti = window.intlTelInputGlobals.getInstance(input);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
+    var iso2 = iti.getSelectedCountryData().iso2;
+    return iso2;
+};
+var handleChange = function (_a) {
+    var id = _a.id, value = _a.value;
+    (0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
+};
+var PhoneNumberTextFieldStory = function (_a) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder;
+    return (React.createElement("div", { style: { maxWidth: '460px' } },
+        React.createElement(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder })));
+};
+exports.default = PhoneNumberTextFieldStory;
+//# sourceMappingURL=PhoneNumberTextFieldStory.js.map

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,gFAA0D;AAY1D,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,MAAI,EAAI,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAU;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,gJAAgJ;IAChJ,IAAM,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,gJAAgJ;IACxI,IAAA,IAAI,GAAK,GAAG,CAAC,sBAAsB,EAAE,KAAjC,CAAkC;IAC9C,OAAO,IAAc,CAAC;AACxB,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAc,UAAC,EAO7C;QANC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

package/Components/Molecules/PhoneNumberTextField/defaultProps.d.ts

@@ -0,0 +1,12 @@
+declare const defaultProps: {
+    disabled: boolean;
+    isAnswered: boolean;
+    onChange: () => void;
+    onClick: () => void;
+    onBlur: () => void;
+    label: string;
+    type: string;
+    value: string;
+    InputProps: undefined;
+};
+export default defaultProps;

package/Components/Molecules/PhoneNumberTextField/defaultProps.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    disabled: false,
+    isAnswered: false,
+    onChange: function () {
+        // action
+    },
+    onClick: function () {
+        // action
+    },
+    onBlur: function () {
+        // action
+    },
+    label: '',
+    type: 'tel',
+    value: '',
+    InputProps: undefined,
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Components/Molecules/PhoneNumberTextField/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Components/Molecules/PhoneNumberTextField/icons.d.ts

@@ -0,0 +1,5 @@
+declare const icons: {
+    invalid: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
+    valid: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
+};
+export default icons;

package/Components/Molecules/PhoneNumberTextField/icons.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var CheckOutlined_1 = __importDefault(require("@material-ui/icons/CheckOutlined"));
+var CloseOutlined_1 = __importDefault(require("@material-ui/icons/CloseOutlined"));
+var icons = {
+    invalid: CloseOutlined_1.default,
+    valid: CheckOutlined_1.default,
+};
+exports.default = icons;
+//# sourceMappingURL=icons.js.map

package/Components/Molecules/PhoneNumberTextField/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/icons.ts"],"names":[],"mappings":";;;;;AAAA,mFAAiE;AACjE,mFAAiE;AAEjE,IAAM,KAAK,GAAG;IACZ,OAAO,EAAE,uBAAiB;IAC1B,KAAK,EAAE,uBAAiB;CACzB,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/Components/Molecules/PhoneNumberTextField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PhoneNumberTextField';

package/Components/Molecules/PhoneNumberTextField/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var PhoneNumberTextField_1 = require("./PhoneNumberTextField");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PhoneNumberTextField_1).default; } });
+//# sourceMappingURL=index.js.map

package/Components/Molecules/PhoneNumberTextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/index.ts"],"names":[],"mappings":";;;;;;AAAA,+DAAiD;AAAxC,gIAAA,OAAO,OAAA"}

package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.d.ts

@@ -0,0 +1,6 @@
+interface IPhoneNumberTextFieldStyleProps {
+    isError: boolean;
+    isValid: boolean;
+}
+declare const usePhoneNumberTextFieldStyles: (props: IPhoneNumberTextFieldStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
+export default usePhoneNumberTextFieldStyles;

package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js

@@ -0,0 +1,86 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/styles");
+var usePhoneNumberTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
+        textField: function () { return ({
+            '& .MuiFilledInput-root': {
+                backgroundColor: theme.mvf.palette.background.light,
+                overflow: 'visible',
+            },
+            '& .iti': {
+                width: '100%',
+            },
+        }); },
+        focused: function (_a) {
+            var isError = _a.isError;
+            return ({
+                '&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main, '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.primary.main,
+                    } }, (isError && {
+                    boxShadow: theme.mvf.boxShadow.error,
+                    borderColor: theme.mvf.palette.error,
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.error,
+                    },
+                })),
+            });
+        },
+        label: function (_a) {
+            var isValid = _a.isValid;
+            return (__assign({ left: 40, color: theme.mvf.palette.text.grey, '&$focused': {
+                    color: theme.mvf.palette.primary.main,
+                } }, (isValid && {
+                color: theme.mvf.palette.primary.main,
+            })));
+        },
+        muiInput: function (_a) {
+            var isError = _a.isError, isValid = _a.isValid;
+            return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
+                    boxShadow: theme.mvf.boxShadow.primary,
+                    borderColor: theme.mvf.palette.primary.main,
+                }, '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.text.grey,
+                }, '&.Mui-disabled': {
+                    boxShadow: 'none',
+                    borderColor: theme.mvf.palette.disabled,
+                    '&:hover': {
+                        boxShadow: 'none',
+                        borderColor: theme.mvf.palette.disabled,
+                    },
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.disabled,
+                    },
+                } }, (isError && {
+                boxShadow: theme.mvf.boxShadow.error,
+                borderColor: theme.mvf.palette.error,
+                '&:hover': {
+                    boxShadow: theme.mvf.boxShadow.error,
+                    borderColor: theme.mvf.palette.error,
+                },
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.error,
+                },
+            })), (isValid && {
+                boxShadow: theme.mvf.boxShadow.primary,
+                borderColor: theme.mvf.palette.primary.main,
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.primary.main,
+                },
+            })));
+        },
+    });
+});
+exports.default = usePhoneNumberTextFieldStyles;
+//# sourceMappingURL=usePhoneNumberTextFieldStyles.js.map

package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneNumberTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.ts"],"names":[],"mappings":"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"}

package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js

@@ -4,13 +4,13 @@ var styles_1 = require("@material-ui/styles");
 var useThankYouBannerClasses = (0, styles_1.makeStyles)(function (theme) {
     return (0, styles_1.createStyles)({
         brandLogo: {
-            height: '20px',
+            height: '50px',
             marginBottom: theme.mvf.spacing.small,
             marginTop: theme.mvf.spacing.small,
         },
         checkIcon: {
             color: theme.mvf.palette.primary.main,
-            fontSize: '50px',
+            fontSize: '40px',
         },
         thankYouBanner: {
             backgroundColor: theme.mvf.palette.background.dark,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "1.16.1",
+  "version": "1.17.0",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",
@@ -20,6 +20,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
+    "@types/intl-tel-input": "^17.0.4",
     "@types/jest": "^26.0.24",
     "@types/lodash": "^4.14.171",
     "@types/node": "^16.4.5",
@@ -37,6 +38,7 @@
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^4.3.8",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.6",
     "lint-staged": "^10.5.4",
     "prettier": "^2.2.1",
@@ -47,6 +49,7 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/styles": "^4.11.4",
+    "intl-tel-input": "^17.0.16",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/Assets/BrandLogos/MovehubLogo.d.ts

@@ -1,4 +0,0 @@
-import { FunctionComponent } from 'react';
-declare type MoveHubLogoType = FunctionComponent;
-declare const MoveHubLogo: MoveHubLogoType;
-export default MoveHubLogo;

package/Assets/BrandLogos/MovehubLogo.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var MoveHubLogo = function () { return (react_1.default.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 116 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", xmlSpace: "preserve", style: {
-        fillRule: 'evenodd',
-        clipRule: 'evenodd',
-        strokeLinejoin: 'round',
-        strokeMiterlimit: 2,
-    } },
-    react_1.default.createElement("g", { transform: "matrix(1,0,0,1,-1192.21,-1391.48)" },
-        react_1.default.createElement("g", { transform: "matrix(2.5,0,0,2.26701,0,0)" },
-            react_1.default.createElement("g", { transform: "matrix(0.215689,0,0,0.237856,392.156,541.144)" },
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M409.155,156.788C409.155,137.078 394.671,120.206 372.273,120.206C350.174,120.206 335.691,137.078 335.691,156.788C335.691,176.498 350.174,193.371 372.273,193.371C394.671,193.371 409.155,176.498 409.155,156.788ZM392.879,156.788C392.879,168.733 384.816,178.887 372.273,178.887C360.029,178.887 351.967,168.733 351.967,156.788C351.967,144.843 360.029,134.69 372.273,134.69C384.816,134.69 392.879,144.843 392.879,156.788Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M405.272,120.523L437.461,193.194L448.361,193.194L481.297,120.523L462.515,120.523L442.985,167.621L424.113,120.523L405.272,120.523Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M544.008,151.562C544.008,133.794 529.823,120.206 511.755,120.206C489.806,120.206 477.413,135.884 477.413,156.789C477.413,175.752 488.761,193.371 512.203,193.371C529.973,193.371 541.171,182.62 543.41,170.675L526.985,170.675C524.896,175.602 521.461,179.783 512.203,179.783C499.063,179.783 494.137,171.72 493.987,161.716L543.261,161.716C544.008,157.236 544.008,153.951 544.008,151.562ZM528.181,149.621L494.137,149.621C494.137,139.318 501.751,133.794 511.308,133.794C521.162,133.794 528.181,139.916 528.181,149.621Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M326.459,81.515L309.849,81.515L272.908,166.722L237.448,81.515L220.837,81.515L220.837,193.753L238.203,193.753L238.203,128.365L264.63,193.753L282.667,193.753L309.093,128.365L309.093,193.753L326.459,193.753L326.459,81.515Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M181.317,193.26L164.17,193.26L164.17,128.499L126.73,93.257L90.272,127.681L90.272,193.26L73.125,193.26L73.125,119.95L126.813,69.526L181.317,120.658L181.317,193.26Z", style: { fill: 'url(#_Linear1)' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M614.281,193.194L631.453,193.194L631.453,80.531L614.281,80.531L614.281,133.617L571.129,133.617L571.129,80.531L553.958,80.531L553.958,193.194L571.129,193.194L571.129,148.996L614.281,148.996L614.281,193.194Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M791,156.755C791,137.045 776.517,120.172 755.313,120.172C747.25,120.172 738.142,124.354 733.812,131.371L733.812,82.567L717.536,82.567L717.536,193.194L733.812,193.194L733.812,182.138C738.142,189.157 747.25,193.337 755.313,193.337C776.517,193.337 791,178.113 791,158.403M774.725,158.403C774.725,170.348 766.661,180.502 754.417,180.502C741.874,180.502 733.812,170.348 733.812,158.403C733.812,146.458 741.874,136.304 754.417,136.304C766.661,136.304 774.725,146.458 774.725,158.403Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } })),
-                react_1.default.createElement("g", { transform: "matrix(0.29857,0,0,0.29857,370.999,284.687)" },
-                    react_1.default.createElement("path", { d: "M674.377,193.372C664.877,193.372 656.783,190.573 650.974,185.279C645.547,180.334 642.559,173.524 642.559,166.105L642.559,120.383L658.862,120.383L658.862,164.132C658.862,173.564 664.662,179.194 674.377,179.194C684.092,179.194 689.894,173.564 689.894,164.132L689.894,120.383L706.043,120.383L706.043,166.105C706.043,179.238 696.134,193.372 674.377,193.372Z", style: { fill: 'rgb(64,67,69)', fillRule: 'nonzero' } }))))),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("linearGradient", { id: "_Linear1", x1: "0", y1: "0", x2: "1", y2: "0", gradientUnits: "userSpaceOnUse", gradientTransform: "matrix(108.192,0,0,108.192,73.125,131.393)" },
-            react_1.default.createElement("stop", { offset: "0", style: { stopColor: 'rgb(241,103,123)', stopOpacity: 1 } }),
-            react_1.default.createElement("stop", { offset: "1", style: { stopColor: 'rgb(248,151,81)', stopOpacity: 1 } }))))); };
-exports.default = MoveHubLogo;
-//# sourceMappingURL=MovehubLogo.js.map

package/Assets/BrandLogos/MovehubLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MovehubLogo.js","sourceRoot":"","sources":["../../../src/Assets/BrandLogos/MovehubLogo.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AAGjD,IAAM,WAAW,GAAoB,cAAM,OAAA,CACzC,uCACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,YAAY,EACpB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,OAAO;QACvB,gBAAgB,EAAE,CAAC;KACpB;IAED,qCAAG,SAAS,EAAC,mCAAmC;QAC9C,qCAAG,SAAS,EAAC,6BAA6B;YACxC,qCAAG,SAAS,EAAC,+CAA+C;gBAC1D,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,iaAAia,EACna,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,mIAAmI,EACrI,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,igBAAigB,EACngB,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,6NAA6N,EAC/N,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,oKAAoK,EACtK,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,GACjC,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,+MAA+M,EACjN,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,+dAA+d,EACje,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA;gBACJ,qCAAG,SAAS,EAAC,6CAA6C;oBACxD,wCACE,CAAC,EAAC,mWAAmW,EACrW,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,GACrD,CACA,CACF,CACF,CACF;IACJ;QACE,kDACE,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,aAAa,EAAC,gBAAgB,EAC9B,iBAAiB,EAAC,4CAA4C;YAE9D,wCACE,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,EAAE,GACxD;YACF,wCACE,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,EAAE,GACvD,CACa,CACZ,CACH,CACP,EA3F0C,CA2F1C,CAAC;AAEF,kBAAe,WAAW,CAAC"}