diff --git a/manifest.json b/manifest.json index 48933fe..8c70aa0 100644 --- a/manifest.json +++ b/manifest.json @@ -1,8 +1,8 @@ { - "id": "com.transformd.ext-approval-example", + "id": "com.transformd.gvgsleaveos02", "manifest_version": 1, - "version": "0.7.1", - "name": "Example", + "version": "0.9.27", + "name": "Leave Request Approval Task", "icon": "icon.svg", "environment": [ { @@ -20,13 +20,6 @@ "type": "string", "is_required": true }, - { - "key": "BRANCH", - "label": "Branch", - "description": "Form Branch", - "type": "string", - "is_required": true - }, { "key": "CHANNEL", "label": "Channel", @@ -75,6 +68,13 @@ "description":"Any files uploaded to the fields listed here will appear in the uploads section. Use a comma-seperated list - fieldId1, fieldId2", "type": "string", "is_required": false + }, + { + "key": "TASK_ACTION_BUTTONS", + "label": "Task action buttons:", + "description": "JSON array of objects containing data for the task action buttons. Keys; 'buttonFieldId', 'outcome', 'redirectPage'. Please note that redirectPage accepts both page ID's (to navigate to a from page) and full external URLs ", + "type": "string", + "is_required": false } ], "routes": { diff --git a/package.json b/package.json index be15ae1..ac28ebf 100644 --- a/package.json +++ b/package.json @@ -1,24 +1,26 @@ { "name": "@transformd-ltd/ext-form-apps", "private": true, - "version": "0.7.0", + "version": "0.9.27", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "lint": "npx eslint ./src --ext .js,jsx", - "package": "./scripts/build-package.sh" + "package": "./scripts/build-package.sh", + "sass": "sass src/layout/gvgs/index.scss src/layout/gvgs/index.css" }, "dependencies": { "@blueprintjs/core": "^4.5.1", "@heroicons/react": "^1.0.6", "@tailwindcss/forms": "^0.5.2", + "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e", "@tailwindcss/typography": "^0.5.2", - "@transformd-ltd/sandbox-bridge": "^0.0.2", "@transformd-ltd/abn-lookup": "^0.2.4", "@transformd-ltd/electronic-verification": "^0.1.5", "@transformd-ltd/profile-lookup": "^0.1.13", - "@transformd-ltd/sdk": "1.5.3", + "@transformd-ltd/sandbox-bridge": "^0.0.2", + "@transformd-ltd/sdk": "1.8.2", "@transformd-ltd/theme-fermi": "^1.0.69", "@transformd-ltd/theme-transformd": "^0.1.16", "@transformd-ltd/user-lookup": "^0.1.3", @@ -28,7 +30,8 @@ "prop-types": "^15.8.1", "react": "^16.0.0", "react-dom": "^16.0.0", - "react-router-dom": "^6.3.0" + "react-router-dom": "^6.3.0", + "sass": "^1.59.3" }, "devDependencies": { "@types/react": "^18.0.0", @@ -45,6 +48,7 @@ "eslint-plugin-react": "^7.30.1", "eslint-plugin-react-hooks": "^4.6.0", "postcss": "^8.4.14", + "postcss-nesting": "^11.2.1", "tailwindcss": "^3.1.3", "vite": "^2.9.9" } diff --git a/src/API.js b/src/API.js index fe45c9c..8aa7c19 100644 --- a/src/API.js +++ b/src/API.js @@ -34,7 +34,7 @@ const API = { retrieve: (id) => client.get(`submissions/${id}`), }, downloadFile: { - retrieve: (submissionId, uploadId) => client.get(`submissions/${submissionId}/files/uploads/${uploadId}`, {responseType: 'blob'}), + retrieve: (submissionId, uploadId) => client.get(`submissions/${submissionId}/files/uploads/${uploadId}`, {responseType: "blob"}), } }; diff --git a/src/App.css b/src/App.css index 317e223..faa4286 100644 --- a/src/App.css +++ b/src/App.css @@ -1,4 +1,5 @@ @import "../node_modules/@transformd-ltd/theme-fermi/dist/formatic.css"; +@import "layout/gvgs/index.css"; @tailwind base; @tailwind components; @@ -67,4 +68,17 @@ button.btn { color: blue !important; justify-content: start !important; display: block; +} +.api-v3-outcome-message { + position: sticky; + bottom: 0; + padding: 10px; + border-radius: 5px 5px 0 0; + text-align: center; +} +.api-v3-outcome-message.error { + background-color: #ffcdcd; +} +.api-v3-outcome-message.success { + background-color: #c2f7b9; } \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 4301ade..594fd98 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -6,7 +6,7 @@ import { Route, useParams, } from "react-router-dom"; import { view } from "@transformd-ltd/sandbox-bridge"; -import PropTypes from "prop-types" +import PropTypes from "prop-types"; import NotFound from "./components/NotFound"; import "./App.css"; import HomePage from "./pages/Homepage"; @@ -18,14 +18,14 @@ function TestPage() { 
{JSON.stringify(params, null, 2)}
- ) + ); } function App(props) { const { history } = props; function handleComplete() { - view.callBridge('reload'); + view.callBridge("reload"); } return ( diff --git a/src/components/NotFound.jsx b/src/components/NotFound.jsx index b97870d..0e6ed11 100644 --- a/src/components/NotFound.jsx +++ b/src/components/NotFound.jsx @@ -1,6 +1,6 @@ function NotFound() { return ( -
404
+
Task is loading, please refresh this page.
); } diff --git a/src/layout/gvgs/_custom.scss b/src/layout/gvgs/_custom.scss new file mode 100644 index 0000000..6fc2ec1 --- /dev/null +++ b/src/layout/gvgs/_custom.scss @@ -0,0 +1,80 @@ +.formatic { + .formatic-rich-text-area__content { + .claim-container { + display: flex; + padding: 2rem; + } + + .claim-section-container { + flex-grow: 1; + flex-basis: 0; + display: flex; + flex-direction: column; + + &:not(:first-child):not(:last-child) { + padding: 0 3rem; + } + } + + .claim-section__header { + display: flex; + justify-content: center; + align-items: center; + } + + .claim-section__body { + margin-top: 32px; + padding: 0 16px; + } + + .claim-arrow { + width: 100%; + height: 50px; + background: #282b48; + text-align: center; + color: #fff; + font-weight: bold; + font-size: 16px; + position: relative; + display: flex; + align-items: center; + justify-content: center; + + &:before, + &:after { + content: ""; + position: absolute; + } + + &:after { + border-left: 25px solid #282b48; + border-right: 25px solid transparent; + border-top: 25px solid transparent; + border-bottom: 25px solid transparent; + right: -50px; + top: 0px; + width: 0; + height: 0; + display: block; + } + + &:before { + border-left: 26px solid white; + border-right: 26px solid transparent; + border-top: 26px solid transparent; + border-bottom: 26px solid transparent; + left: 0px; + top: -1px; + width: 0; + height: 0; + display: block; + } + } + } +} + +// hide the repeatable from the complete page +.formatic .formatic-hidden { + display: none !important; +} + diff --git a/src/layout/gvgs/fields/_abn-lookup.scss b/src/layout/gvgs/fields/_abn-lookup.scss new file mode 100644 index 0000000..a42e187 --- /dev/null +++ b/src/layout/gvgs/fields/_abn-lookup.scss @@ -0,0 +1,20 @@ +.formatic-abn-lookup__container { + .formatic-text__input { + @include formatic-text(); + } + + .formatic-search__button { + @include formatic-button(); + min-width: 150px; + margin-right: 0; + } + + .formatic-search-input { + position: relative; + } + + .formatic-error-message { + position: absolute; + bottom: -25px; + } +} diff --git a/src/layout/gvgs/fields/_action-bar.scss b/src/layout/gvgs/fields/_action-bar.scss new file mode 100644 index 0000000..fdb722c --- /dev/null +++ b/src/layout/gvgs/fields/_action-bar.scss @@ -0,0 +1,77 @@ +.formatic-action-bar-root { + .formatic__float-right { + margin-left: auto; + } + + .formatic-button { + &.formatic-action-bar-root__back { + font-size: 18px; + line-height: 24px; + height: 50px; + border-color: $primary-color; + color: $primary-color; + + &::before { + content: none; + } + + &:hover { + background-color: $primary-color; + border: none; + color: white; + } + } + + &.formatic-action-bar-root__next, + &.formatic-action-bar-root__submit { + border: none; + box-shadow: none; + font-size: 18px; + line-height: 24px; + height: 50px; + color: white; + background-color: $secondary-color; + + &::after { + content: none; + } + + &:hover { + background-color: $primary-color; + border: 2px solid $primary-color; + } + } + } +} + +.formatic-button-root-container { + .formatic-button-root-message { + background-color: white; + border: $border; + border-radius: 0px; + padding: 5px 10px; + } + + .formatic-button { + &.formatic-button-root { + background-color: transparent; + font-size: 18px; + line-height: 24px; + height: 50px; + right: 150px; + border-color: $primary-color; + color: $primary-color; + + &::before { + content: none; + } + + &:hover { + background-color: $primary-color; + border: 2px solid $primary-color !important; + border: none; + color: white; + } + } + } +} diff --git a/src/layout/gvgs/fields/_action-button.scss b/src/layout/gvgs/fields/_action-button.scss new file mode 100644 index 0000000..0c75a1e --- /dev/null +++ b/src/layout/gvgs/fields/_action-button.scss @@ -0,0 +1,27 @@ +.formatic-action-button { + .formatic-button { + @include formatic-button(); + } +} + +&.formatic-action-back { + .formatic-action-button { + .formatic-button { + font-size: 18px; + line-height: 24px; + height: 50px; + border-color: $primary-color; + color: $primary-color; + + &::before { + content: none; + } + + &:hover { + background-color: $primary-color; + border: none; + color: white; + } + } + } +} diff --git a/src/layout/gvgs/fields/_address-lookup.scss b/src/layout/gvgs/fields/_address-lookup.scss new file mode 100644 index 0000000..29d57ef --- /dev/null +++ b/src/layout/gvgs/fields/_address-lookup.scss @@ -0,0 +1,8 @@ +.formatic-address-lookup { + @import "./label"; + @import "./autocomplete"; + + .formatic-address-lookup__back { + @include formatic-button(); + } +} diff --git a/src/layout/gvgs/fields/_autocomplete.scss b/src/layout/gvgs/fields/_autocomplete.scss new file mode 100644 index 0000000..84138b4 --- /dev/null +++ b/src/layout/gvgs/fields/_autocomplete.scss @@ -0,0 +1,5 @@ +.formatic-auto-complete { + .formatic-address-lookup__auto-complete-input { + @include formatic-text(); + } +} diff --git a/src/layout/gvgs/fields/_bsb.scss b/src/layout/gvgs/fields/_bsb.scss new file mode 100644 index 0000000..de4b74a --- /dev/null +++ b/src/layout/gvgs/fields/_bsb.scss @@ -0,0 +1,7 @@ +.formatic-bsb { + .formatic-bsb__auto-complete-input, + .formatic-bsb__bank, + .formatic-bsb__branch { + @include formatic-text(); + } +} diff --git a/src/layout/gvgs/fields/_button.scss b/src/layout/gvgs/fields/_button.scss new file mode 100644 index 0000000..a0595b9 --- /dev/null +++ b/src/layout/gvgs/fields/_button.scss @@ -0,0 +1,69 @@ +@mixin formatic-button() { + font-family: $font-family; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid $border-color; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + + &:hover, + + &:focus { + box-shadow: none; + background-color: transparent; + color: $primary-color; + border: 2px solid $primary-color; + border-radius: 0px; + text-decoration: none; + } + + &:disabled { + color: #53575a; + opacity: 0.8; + } +} + +.formatic-button { + @include formatic-button(); +} + +.formatic-button-list { + .formatic-button-list__button-item-container .formatic-button-list__button { + @include formatic-button(); + padding: 2px 20px; + + &:hover, + &.formatic-button-list__button--selected { + background-color: transparent; + border: 2px solid $primary-color; + color: $primary-color; + } + + &.formatic-button-list__button--selected { + padding-left: 10px; + padding-right: 30px; + + &::after { + right: 14px; + } + } + } +} + +@media (max-width: 480px) { + .formatic-button-list { + .formatic-button-list__button-item-container { + margin-right: 0; + + .formatic-button-list__button { + width: 100%; + } + } + } +} diff --git a/src/layout/gvgs/fields/_checkbox.scss b/src/layout/gvgs/fields/_checkbox.scss new file mode 100644 index 0000000..d942024 --- /dev/null +++ b/src/layout/gvgs/fields/_checkbox.scss @@ -0,0 +1,69 @@ +@mixin formatic-checkbox() { + .formatic-checkbox-list__checkbox-item-container { + min-height: 44px; + display: flex; + justify-content: center; + flex-direction: column; + + .formatic-checkbox-list__checkbox-item-label { + user-select: none; + + input { + &:focus + .formatic-checkbox-list__checkbox-item-checkmark { + box-shadow: none; + } + + &:checked + .formatic-checkbox-list__checkbox-item-checkmark { + background-color: $primary-color; + border-color: $primary-color; + display: inline-flex; + align-items: center; + justify-content: center; + } + } + } + } + + .formatic-checkbox-list__checkbox-item-checkmark { + // width: 16px; + // height: 16px; + background-color: $background-color; + border: 2px solid #bdbdbd; + + .formatic-checkbox-list__checkbox-item-checkmark--checked { + position: relative; + top: auto; + left: auto; + transform: none; + + i { + color: white; + width: 11px; + line-height: 12px; + font-size: 16px; + font-weight: 700; + margin-left: -3px; + } + } + } +} + +.formatic-field-container { + .formatic-checkbox-list { + @include formatic-checkbox(); + } +} + +@media (max-width: 480px) { + .formatic-field-container { + .formatic-checkbox-list { + .formatic-checkbox-list__items-container { + flex-direction: column; + } + + .formatic-checkbox-list__checkbox-item-container { + width: auto !important; + } + } + } +} diff --git a/src/layout/gvgs/fields/_custom-class.scss b/src/layout/gvgs/fields/_custom-class.scss new file mode 100644 index 0000000..18efaab --- /dev/null +++ b/src/layout/gvgs/fields/_custom-class.scss @@ -0,0 +1,251 @@ +.formatic-field-container { + &.formatic-field-border { + border: $border; + border-radius: 8px; + padding: 45px 50px; + margin: 10px 0; + background: #FFF; + + ul { + // list-style: inherit; + // padding-left: 18px; // 40px original + li { + margin: 0 0 0.3rem 2rem; + } + } + } + + &.formatic-dots { + ul { + list-style: inherit; + padding-left: 18px; // 40px original + } + } + + &.textarea-scroll { + overflow-y: auto; + height: 400px; + background-color: lighten(lightgray, 12.5%); + border-radius: 4px; + padding: 15px; + } + + &.textarea-table { + table { + border: 1px solid #e2e4e5; + } + + tr:not(:last-child) { + border-bottom: 1px solid #e2e4e5; + } + + th:not(:last-child) { + border-right: 1px solid #e2e4e5; + } + + th { + padding: 5px; + } + } + + &.formatic-input-symbol-dollar, + &.formatic-input-symbol-phone, + &.formatic-input-symbol-email, + &.formatic-input-symbol-dob, + &.formatic-input-symbol-percentage { + .formatic-text, + .formatic-email { + .formatic-text__input { + padding-left: 47px; + } + + &::before { + position: absolute; + bottom: 15px; + left: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + width: 42px; + height: 43px; + line-height: 43px; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(43, 64, 199, 0.08); + color: $primary-color; + border-right: $border; + font-size: 22px; + } + } + + .formatic-sms-verification { + .formatic-sms-verification__phone { + padding-left: 47px; + } + + .formatic-sms-verification__phone-field-container { + &::before { + position: absolute; + top: 1px; + left: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + width: 42px; + height: 43px; + line-height: 43px; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(43, 64, 199, 0.08); + color: $primary-color; + border-right: $border; + font-size: 22px; + } + } + } + } + + .formatic-repeatable { + .formatic-field-container { + &.two-col-first, + &.two-col-second { + width: 49.25%; + } + + &.formatic-input-symbol-dollar, + &.formatic-input-symbol-percentage, + &.formatic-input-symbol-phone, + &.formatic-input-symbol-email { + .formatic-text { + &::before { + left: auto; + } + } + } + } + } + + &.formatic-input-symbol-dollar { + .formatic-text, + .formatic-email, + .formatic-sms-verification__phone-field-container { + &::before { + content: "$"; + } + } + } + + &.formatic-input-symbol-phone { + .formatic-text, + .formatic-email, + .formatic-sms-verification__phone-field-container { + &::before { + content: url('data:image/svg+xml; utf8, '); + padding-top: 5px; + } + } + } + + &.formatic-input-symbol-dob { + .formatic-text, + .formatic-email, + .formatic-sms-verification__phone-field-container { + &::before { + content: url('data:image/svg+xml; utf8, '); + padding-top: 5px; + } + } + } + + &.formatic-input-symbol-email { + .formatic-text, + .formatic-email, + .formatic-sms-verification__phone-field-container { + &::before { + content: "@"; + } + } + } + + &.formatic-input-symbol-percentage { + .formatic-text, + .formatic-email, + .formatic-sms-verification__phone-field-container { + &::before { + content: "%"; + } + } + } + + &.two-col-list { + // .formatic-checkbox-list { + // } + + .formatic-radio-list { + .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; + } + + .formatic-radio-list__radio-item-container { + width: 50%; + padding: 5px; + } + } + } + + &.three-col-list { + // .formatic-checkbox-list { + // } + + .formatic-radio-list { + .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; + } + + .formatic-radio-list__radio-item-container { + width: 33.33%; + padding: 5px; + } + } + } + + &.four-col-list { + // .formatic-checkbox-list { + // } + + .formatic-radio-list { + .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; + } + + .formatic-radio-list__radio-item-container { + width: 25%; + padding: 5px; + } + } + } +} + +.formatic-section-container { + &.formatic-section-border { + border: $border; + border-radius: 8px; + padding: 45px 50px; + margin: 10px 0; + background: #FFF; + + ul { + list-style: inherit; + padding-left: 18px; // 40px original + } + } +} diff --git a/src/layout/gvgs/fields/_datepicker.scss b/src/layout/gvgs/fields/_datepicker.scss new file mode 100644 index 0000000..4f54a9d --- /dev/null +++ b/src/layout/gvgs/fields/_datepicker.scss @@ -0,0 +1,78 @@ +.formatic-date-picker { + @import "./label"; + + input.formatic-date-picker__native-date, + input.formatic-date-picker__date-picker { + @include formatic-text(); + -webkit-appearance: none; + } + + .formatic-date-picker-mode-calendar { + span.formatic-date-picker__date-picker { + border: none; + padding: 0; + height: auto; + } + } + + input.formatic-date-picker__native-date, + input.formatic-date-picker__date-picker { + @include formatic-text(); + -webkit-appearance: none; + } + + &.formatic-field-error { + input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; + } + + .formatic-error-message { + margin-top: 6px !important; + } + } + + &.formatic-field-valid { + input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; + } + } + + .formatic-date-picker__normal { + &::after { + content: none; + } + } + + .formatic-date-picker-mode-calendarInput { + position: relative; + + .ant-calendar-picker-input { + display: none !important; + } + + .formatic-date-picker__date-picker { + top: auto; + line-height: 38.54px; + + &:focus { + box-shadow: none; + } + } + + input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; + } + } + + .formatic-date-picker__date-picker { + position: inherit; + background-color: red; + } + + .ant-calendar-picker-input { + display: block !important; + cursor: pointer; + + @include formatic-text(); + } +} diff --git a/src/layout/gvgs/fields/_digital-signature.scss b/src/layout/gvgs/fields/_digital-signature.scss new file mode 100644 index 0000000..0706ae5 --- /dev/null +++ b/src/layout/gvgs/fields/_digital-signature.scss @@ -0,0 +1,20 @@ +.formatic-digital-signature { + .formatic-digital-signature__canvas { + border: $border; + border-radius: 4px; + } + + .formatic-digital-signature__footer { + display: flex; + margin-top: 1rem + } + + .formatic-digital-signature__button--undo, + .formatic-digital-signature__button--reset { + @include formatic-button(); + } + + .formatic-digital-signature__button--reset { + margin-left: 16px; + } +} diff --git a/src/layout/gvgs/fields/_dropdown.scss b/src/layout/gvgs/fields/_dropdown.scss new file mode 100644 index 0000000..cb60c40 --- /dev/null +++ b/src/layout/gvgs/fields/_dropdown.scss @@ -0,0 +1,15 @@ +.formatic-dropdown { + @import "./label"; + + .formatic-dropdown__select { + border: $border; + + &.ant-select-focused { + box-shadow: none; + } + } + + .formatic-dropdown-native__select { + @include formatic-text(); + } +} diff --git a/src/layout/gvgs/fields/_email-verification.scss b/src/layout/gvgs/fields/_email-verification.scss new file mode 100644 index 0000000..97a8ab0 --- /dev/null +++ b/src/layout/gvgs/fields/_email-verification.scss @@ -0,0 +1,38 @@ +.formatic-email-verification { + .formatic-email-verification__email, + .formatic-email-verification__code-input { + @include formatic-text(); + } + + .formatic-email-verification__send-button, + .formatic-email-verification__change-email-button, + .formatic-email-verification__verify-button { + @include formatic-button(); + width: 100%; + } + + .formatic-email-verification__email-field-container, + .formatic-email-verification__sent-success, + .formatic-email-verification__code-input { + flex-basis: calc(75% - 20px); + margin-right: 20px; + } + + .formatic-email-verification__send-email-container { + margin-bottom: 5px; + } + + .formatic-email-verification__change-email-button { + margin-top: 0; + } + + .formatic-email-verification__verify-button { + margin-right: 0 !important; + } + + .formatic-email-verification__change-email-container, + .formatic-email-verification__send-email-container, + .formatic-email-verification__code-button { + flex-basis: 25%; + } +} diff --git a/src/layout/gvgs/fields/_email.scss b/src/layout/gvgs/fields/_email.scss new file mode 100644 index 0000000..c83866c --- /dev/null +++ b/src/layout/gvgs/fields/_email.scss @@ -0,0 +1,7 @@ +.formatic-email { + @import "./label"; + + .formatic-text__input { + @include formatic-text(); + } +} diff --git a/src/layout/gvgs/fields/_ev.scss b/src/layout/gvgs/fields/_ev.scss new file mode 100644 index 0000000..39a3c90 --- /dev/null +++ b/src/layout/gvgs/fields/_ev.scss @@ -0,0 +1,50 @@ +.formatic-ev-component { + @include formatic-checkbox(); + + .ev-skip-template-info-icon:after { + color: $primary-color; + } + + .formatic-checkbox-list__checkbox-item-container { + flex-direction: row; + } + + .formatic-electronic-verification__button-container { + .formatic-electronic-verification__button { + @include formatic-button(); + } + } + + .formatic-electronic-verification__button-icon-container { + &:hover { + border-color: $primary-color; + background-color: transparentize($primary-color, 0.7); + } + } + + .formatic-electronic-verification__button-container-source--selected + .formatic-electronic-verification__button-icon-container { + border-color: $primary-color; + } + + .ev-introduction-template-content-list-number { + border-color: $primary-color; + display: flex; + align-items: center; + justify-content: center; + + p { + color: $primary-color; + padding: 0; + margin: 0; + } + } + + .ev-introduction-template-document-image { + background-color: $primary-color; + + p { + filter: invert(100%); + } + } +} diff --git a/src/layout/gvgs/fields/_heading.scss b/src/layout/gvgs/fields/_heading.scss new file mode 100644 index 0000000..9ce1518 --- /dev/null +++ b/src/layout/gvgs/fields/_heading.scss @@ -0,0 +1,15 @@ +h4.formatic-heading { + line-height: 15px; +} + +h1.formatic-heading { + line-height: 30px; +} + +h1.formatic-heading, +h2.formatic-heading, +h3.formatic-heading, +h4.formatic-heading, +h5.formatic-heading { + color: $primary-color; +} diff --git a/src/layout/gvgs/fields/_label.scss b/src/layout/gvgs/fields/_label.scss new file mode 100644 index 0000000..d8a36b9 --- /dev/null +++ b/src/layout/gvgs/fields/_label.scss @@ -0,0 +1,15 @@ +@mixin formatic-label() { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + + .formatic-label__content, + .formatic-label__required { + line-height: 20px; + display: inline; + } +} + +.formatic-label { + @include formatic-label(); +} diff --git a/src/layout/gvgs/fields/_net-promoter-score.scss b/src/layout/gvgs/fields/_net-promoter-score.scss new file mode 100644 index 0000000..9c70141 --- /dev/null +++ b/src/layout/gvgs/fields/_net-promoter-score.scss @@ -0,0 +1,28 @@ +.formatic-net-promoter-score { + .formatic-button { + @include formatic-button(); + width: 100%; + height: 50px; + padding: 0 8px 0 8px; + border: 1px solid darken($border-color, 10%); + } + + .formatic-net-promoter-score__button-container { + display: flex; + justify-content: flex-end; + } + + .formatic-net-promoter-score__description-container { + display: flex; + justify-content: space-between; + padding: 0 8px 0 8px; + } + + .formatic-net-promoter-score__negative-description { + text-align: left; + } + + .formatic-net-promoter-score__positive-description { + text-align: right; + } +} diff --git a/src/layout/gvgs/fields/_profile-lookup.scss b/src/layout/gvgs/fields/_profile-lookup.scss new file mode 100644 index 0000000..3c40811 --- /dev/null +++ b/src/layout/gvgs/fields/_profile-lookup.scss @@ -0,0 +1,41 @@ +.formatic-profile-lookup__container { + .formatic-text__input { + @include formatic-text(); + } + + .formatic-search__button { + @include formatic-button(); + min-width: 150px; + margin-right: 0; + } + + .formatic-search-input { + display: flex; + position: relative; + } + + .formatic-text__input-container { + flex-grow: 1; + margin-right: 12px; + } + + .formatic-error-message { + position: absolute; + bottom: -25px; + } + + .formatic-search-result-item { + display: flex; + padding: 12px; + border: 1px solid #d3dce6; + + .formatic-search-result-item-detail { + padding: 0 10px; + + h4 { + line-height: 20px; + font-weight: bold; + } + } + } +} diff --git a/src/layout/gvgs/fields/_progress-bar.scss b/src/layout/gvgs/fields/_progress-bar.scss new file mode 100644 index 0000000..7255d9f --- /dev/null +++ b/src/layout/gvgs/fields/_progress-bar.scss @@ -0,0 +1,72 @@ +// vendor elements +@import "../../../../node_modules/@transformd-ltd/theme-transformd/src/abstracts/_variables.scss"; +@import "../../../../node_modules/@transformd-ltd/theme-transformd/src/components/_progress-bar.scss"; + +.formatic .formatic-progress-bar { + background-color: $background-color; + + .formatic-progress-bar__stage--complete::after { + display: none; + } + + .formatic-progress-bar__stage.formatic-progress-bar__stage--complete, + .formatic-progress-bar__stage.formatic-progress-bar__stage--selected, + .formatic-progress-bar__progress { + background-color: $primary-color; + } + + .formatic-label__content { + color: $primary-color; + } + + .formatic-progress-bar__line, + .formatic-progress-bar__progress { + display: none; + } + + .formatic-progress-bar__block { + .formatic-progress-bar__stage { + border-radius: 0; + } + + &.formatic-progress-bar__block--completion-block { + .formatic-progress-bar__label-block { + position: relative; + right: auto; + } + } + + .formatic-label__content { + transform: none; + } + } +} + +@media (max-width: 576px) { + .formatic .formatic-field-container.three-col-offset-2 { + width: 100%; + } + + .formatic .formatic-progress-bar { + .formatic-progress-bar__container { + .formatic-progress-bar__block { + .formatic-progress-bar__label-block { + display: none; + } + } + + .formatic-progress-bar__block--selected { + flex-grow: 4; + .formatic-progress-bar__label-block { + display: block; + } + } + } + } +} + +@media (max-width: 480px) { + .formatic-progress-bar { + display: block !important; + } +} diff --git a/src/layout/gvgs/fields/_radio.scss b/src/layout/gvgs/fields/_radio.scss new file mode 100644 index 0000000..ef8fead --- /dev/null +++ b/src/layout/gvgs/fields/_radio.scss @@ -0,0 +1,52 @@ +.formatic-radio-list { + .formatic-radio-list__radio-item-container { + + .formatic-radio-list__radio-item-container { + margin-top: 0; + } + + .formatic-radio-list__radio-item-checkmark { + border: $border; + margin-right: 8px; + margin-top: 3px; + height: 18px; + width: 18px; + } + + .formatic-radio-list__radio-item-checkmark--checked { + background-color: $primary-color; + width: 10px; + height: 10px; + } + + label { + align-items: flex-start; + } + } + + .formatic-radio-list__radio-item { + &:checked + .formatic-radio-list__radio-item-checkmark { + border-color: $primary-color; + } + + &:focus + .formatic-radio-list__radio-item-checkmark { + box-shadow: none; + + .formatic-radio-list__radio-item-checkmark--checked { + width: 10px; + height: 10px; + } + } + } +} + +@media (max-width: 480px) { + .formatic-radio-list { + .formatic-radio-list__items-container { + flex-direction: column; + } + + .formatic-radio-list__radio-item-container { + width: auto !important; + } + } +} diff --git a/src/layout/gvgs/fields/_repeatable.scss b/src/layout/gvgs/fields/_repeatable.scss new file mode 100644 index 0000000..5b8a24e --- /dev/null +++ b/src/layout/gvgs/fields/_repeatable.scss @@ -0,0 +1,47 @@ +.formatic-repeatable { + .formatic-field-container { + .formatic-text { + &::after { + right: 1.5px; + } + } + + .formatic-file-upload { + border: none; + max-width: 100%; + } + } + + .formatic-repeatable__actions { + button { + @include formatic-button(); + margin-top: 15px; + } + } + + .formatic-repeatable__item-remove-button-container { + button { + color: $primary-color; + + &:hover { + color: $secondary-color; + } + + &:focus, + &:active { + box-shadow: none; + background-color: white; + text-decoration: none; + } + } + } +} + +@media (max-width: 480px) { + .formatic-repeatable { + .formatic-field-container.two-col-first, + .formatic-field-container.two-col-second { + width: 100% !important; + } + } +} diff --git a/src/layout/gvgs/fields/_review-table.scss b/src/layout/gvgs/fields/_review-table.scss new file mode 100644 index 0000000..8a83bd2 --- /dev/null +++ b/src/layout/gvgs/fields/_review-table.scss @@ -0,0 +1,71 @@ +.formatic-review-table { + .formatic-review-table-item { + .formatic-review-table-item-advanced__row-container-checksum, + .formatic-review-table-item-advanced__row-container-code, + .formatic-review-table-item-advanced__row-container-smsSentTo, + .formatic-review-table-item-advanced__row-container-status, + .formatic-review-table-item-advanced__row-container-verifiedPhone, + .formatic-review-table-item-advanced__row-container-version, + .formatic-review-table-item-advanced__row-container-field_id, + .formatic-review-table-item-advanced__row-container-extension, + .formatic-review-table-item-advanced__row-container-size, + .formatic-review-table-item-advanced__row-container-upload_id, + .formatic-review-table-item-advanced__row-container-uid, + .formatic-review-table-item-advanced__row-container-status { + display: none; + } + } + + .formatic-review-table-section-heading { + background-color: $primary-color; + } + + .formatic-review-table-section__label { + background-color: $primary-color; + } + + .formatic-review-table-section__edit-container { + font-weight: bold; + border-radius: 0; + + span { + text-decoration: none; + margin-left: 5px; + } + + &:hover { + background-color: $secondary-color; + } + } +} + +@media (max-width: 480px) { + .formatic-review-table { + .formatic-review-table-item { + flex-direction: column; + + &:nth-child(odd) { + background-color: #f2f2f2; + + .formatic-review-table-item__label, + .formatic-review-table-item__value, + .formatic-review-table-item-advanced { + background-color: white; // #f2f2f2 + } + } + + .formatic-review-table-item__label, + .formatic-review-table-item__value, + .formatic-review-table-item-advanced { + width: 100%; + border: none; + display: flex; + } + + .formatic-review-table-item__label { + align-items: center; + font-weight: bold; + } + } + } +} diff --git a/src/layout/gvgs/fields/_rich-textarea.scss b/src/layout/gvgs/fields/_rich-textarea.scss new file mode 100644 index 0000000..0c3e5f0 --- /dev/null +++ b/src/layout/gvgs/fields/_rich-textarea.scss @@ -0,0 +1,44 @@ +@import "../../../../node_modules/@transformd-ltd/theme-transformd/src/abstracts/_variables.scss"; + +.formatic-rich-text-area { + p { + margin: $paragraph-margin; + } + + p:last-child { + margin-bottom: 0; + } + + ul li { + list-style-type: disc; + } + + ol li { + list-style-type: decimal; + list-style-position: inside; + } + + ol li, + ul li { + margin: $rich-text-li-margin; + } + + ol li:last-of-type, + ul li:last-of-type { + margin-bottom: 0; + } + + a { + cursor: pointer; + color: $primary-color; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + margin: $rich-text-headings-margin; + } +} diff --git a/src/layout/gvgs/fields/_sms-verification.scss b/src/layout/gvgs/fields/_sms-verification.scss new file mode 100644 index 0000000..fcf7333 --- /dev/null +++ b/src/layout/gvgs/fields/_sms-verification.scss @@ -0,0 +1,66 @@ +.formatic-sms-verification { + @import "./label"; + + .formatic-sms-verification__phone-container { + .formatic-error-message { + margin-top: 18px; + } + + .formatic-sms-verification__phone { + @include formatic-text(); + } + + .formatic-sms-verification__send-button, + .formatic-sms-verification__change-phone-button { + @include formatic-button(); + } + } + + .formatic-sms-verification__phone-field-container, + .formatic-sms-verification__sent-success { + flex-basis: calc(75% - 20px); + margin-right: 20px; + } + + .formatic-sms-verification__sent-success { + display: flex; + align-items: center; + } + + .formatic-sms-verification__send-sms-container, + .formatic-sms-verification__change-phone-container { + flex-basis: 25%; + } + + .formatic-sms-verification__sent-container { + .formatic-sms-verification__code-input { + flex-basis: calc(75% - 20px); + margin-right: 20px; + @include formatic-text(); + } + + .formatic-sms-verification__code-button { + flex-basis: 25%; + } + + .formatic-sms-verification__verify-button { + @include formatic-button(); + + &:disabled { + color: #53575a; + opacity: 0.8; + } + } + } +} + +@media (max-width: 480px) { + .formatic-sms-verification { + .formatic-sms-verification__phone-container { + .formatic-sms-verification__send-sms-container, + .formatic-sms-verification__change-phone-container { + margin-top: 0; + } + } + } +} diff --git a/src/layout/gvgs/fields/_text.scss b/src/layout/gvgs/fields/_text.scss new file mode 100644 index 0000000..725eb01 --- /dev/null +++ b/src/layout/gvgs/fields/_text.scss @@ -0,0 +1,32 @@ +@mixin formatic-text() { + border: 1px solid $border-color; + font-family: $font-family; + font-size: $font-size; + height: 42px; + // box-shadow: 1px 1px 12px 0px rgba(153, 153, 153, 0.25) inset; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; + + &:focus { + box-shadow: none; + } +} + +.formatic-text { + @import "./label"; + + .formatic-text__input { + @include formatic-text(); + } +} + +.formatic-textarea { + @import "./label"; + + .formatic-textarea__textarea { + @include formatic-text(); + height: auto; + } +} diff --git a/src/layout/gvgs/fields/_upload.scss b/src/layout/gvgs/fields/_upload.scss new file mode 100644 index 0000000..0c86d02 --- /dev/null +++ b/src/layout/gvgs/fields/_upload.scss @@ -0,0 +1,29 @@ +.formatic-file-upload { + display: flex; + flex-direction: column; + border: 2px solid $border-color; + border-radius: 8px; + padding: 16px; + max-width: 700px; + + .formatic-label { + font-weight: bold; + } + + .formatic-file-upload__upload { + & > span { + display: flex; + flex-direction: column; + } + + .ant-upload-select { + align-self: flex-end; + } + + .formatic-button { + @include formatic-button(); + border-color: $primary-color; + color: $primary-color; + } + } +} diff --git a/src/layout/gvgs/helpers/_validation.scss b/src/layout/gvgs/helpers/_validation.scss new file mode 100644 index 0000000..1259b4b --- /dev/null +++ b/src/layout/gvgs/helpers/_validation.scss @@ -0,0 +1,204 @@ +.formatic-profile-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-valid + .formatic-text__input-container:after, +.formatic-abn-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-valid + .formatic-text__input-container:after, +.formatic-field-container .formatic-field-valid .formatic-dropdown__select::after, +.formatic-field-container .formatic-field-valid.formatic-text::after, +.formatic-field-container .formatic-field-valid.formatic-password::after, +.formatic-field-container .formatic-field-valid.formatic-bsb__bank-container::after, +.formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-valid.formatic-email::after, +.formatic-field-container .formatic-field-valid.formatic-textarea::after, +.formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +.formatic-field-container .formatic-field-valid .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after, +.formatic-field-container .formatic-field-valid .formatic-radio-list__items-container::after, +.formatic-field-container .formatic-field-valid .formatic-text::after, +.formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after, +.formatic-field-valid.formatic-electronic-verification__manual-verification-field-container::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after { + background-color: $primary-color; + border-color: $primary-color; + color: white; + height: 20px; + width: 20px; + line-height: 20px; + font-size: 16px; +} + +.formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic-field-container .formatic-field-valid .formatic-dropdown__select::after, +.formatic-field-container .formatic-field-valid.formatic-text::after, +.formatic-field-container .formatic-field-valid.formatic-password::after, +// .formatic-field-container .formatic-field-valid.formatic-bsb__bank-container::after, +.formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-valid.formatic-email::after, +// .formatic-field-container .formatic-field-valid.formatic-textarea::after, +.formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +// .formatic-field-container .formatic-field-valid .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after, +// .formatic-field-container .formatic-field-valid .formatic-radio-list__items-container::after, +.formatic-field-container .formatic-field-valid .formatic-text::after, +.formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after, +.formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after { + bottom: 25px; + right: -10px; +} + +.formatic-ev-component + .formatic-field-valid.formatic-electronic-verification__manual-verification-field-container::after { + right: 10.5px !important; + top: 58px !important; +} + +.formatic-field-container .formatic-field-valid.formatic-textarea::after, +.formatic-field-container .formatic-field-valid .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-valid .formatic-radio-list__items-container::after { + right: -10px; +} +.formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after { + right: -10px; + top: 12px; +} + +.formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +.formatic-field-container .formatic-field-valid .formatic-dropdown__select::after { + bottom: 12px !important; + top: auto; +} + +.formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after { + top: 12px; +} + +.formatic-profile-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-valid + .formatic-text__input-container:after, +.formatic-abn-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-valid + .formatic-text__input-container:after { + top: 12px !important; +} + +// NOT VALID +.formatic-form .formatic-field-error .formatic-error-message { + line-height: 12px; + margin-top: 4px !important; +} + +.formatic-profile-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-error + .formatic-text__input-container:after, +.formatic-abn-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-error + .formatic-text__input-container:after, +.formatic-field-container .formatic-field-error .formatic-dropdown__select::after, +.formatic-field-container .formatic-field-error.formatic-text::after, +.formatic-field-container .formatic-field-error.formatic-password::after, +.formatic-field-container .formatic-field-error.formatic-bsb__bank-container::after, +.formatic-field-container .formatic-field-error.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-error.formatic-email::after, +.formatic-field-container .formatic-field-error.formatic-textarea::after, +.formatic-field-container .formatic-field-error .formatic-auto-complete::after, +.formatic-field-container .formatic-field-error .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after, +.formatic-field-container .formatic-field-error .formatic-radio-list__items-container::after, +.formatic-field-container .formatic-field-error .formatic-text::after, +.formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +.formatic-field-container .formatic-field-error .formatic-email-verification__email-field-container::after, +.formatic-field-error.formatic-electronic-verification__manual-verification-field-container::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__normal::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__normal::after { + height: 20px; + width: 20px; + line-height: 20px; + font-size: 16px; +} + +.formatic-profile-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-error + .formatic-text__input-container:after, +.formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic-field-container .formatic-field-error .formatic-dropdown__select::after, +.formatic-field-container .formatic-field-error.formatic-text::after, +.formatic-field-container .formatic-field-error.formatic-password::after, +.formatic-field-container .formatic-field-error.formatic-bsb__bank-container::after, +// .formatic-field-container .formatic-field-error.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-error.formatic-email::after, +// .formatic-field-container .formatic-field-error.formatic-textarea::after, +.formatic-field-container .formatic-field-error .formatic-auto-complete::after, +// .formatic-field-container .formatic-field-error .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after, +// .formatic-field-container .formatic-field-error .formatic-radio-list__items-container::after, +.formatic-field-container .formatic-field-error .formatic-text::after, +.formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +// .formatic-field-container .formatic-field-error .formatic-email-verification__email-field-container::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__normal::after, +.formatic-field-container .formatic-field-error .formatic-date-picker__normal::after { + bottom: 23px; + right: -10px; +} + +.formatic-ev-component + .formatic-field-error.formatic-electronic-verification__manual-verification-field-container::after { + right: 10.5px !important; + top: 58px !important; +} + +.formatic-field-container .formatic-field-error.formatic-textarea::after, +.formatic-field-container .formatic-field-error .formatic-checkbox-list__items-container::after, +.formatic-field-container .formatic-field-error .formatic-radio-list__items-container::after { + right: -10px; +} + +.formatic-field-container .formatic-field-error .formatic-email-verification__email-field-container::after { + right: -10px; + top: 12px; +} + +.formatic-field-container .formatic-field-error.formatic-bsb__branch-container::after, +.formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +.formatic-field-container .formatic-field-error .formatic-auto-complete::after, +.formatic-field-container .formatic-field-error .formatic-dropdown__select::after { + bottom: 16px !important; + top: auto; +} + +.formatic-profile-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-error + .formatic-text__input-container:after, +.formatic-abn-lookup__container + .formatic-search-container + .formatic-search-input.formatic-field-error + .formatic-text__input-container:after { + top: 12px !important; +} + +.formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after { + top: 12px; +} + +.formatic-field-container { + .formatic-file-upload { + .formatic-error-message { + position: relative; + } + } +} diff --git a/src/layout/gvgs/index.css b/src/layout/gvgs/index.css new file mode 100644 index 0000000..e8b907e --- /dev/null +++ b/src/layout/gvgs/index.css @@ -0,0 +1,1798 @@ +body { + background-color: #FFF !important; +} + +.formatic { + font-family: Oswald; + font-size: 16px; +} +.formatic h1 { + color: #00205B; +} +.formatic .formatic-connectivity-component__container { + position: fixed; + top: 0; + background: #FFC72C; + left: 0; + right: 0; + text-align: center; + color: white; + font-weight: bold; + font-size: 16px; + z-index: 123; + line-height: 35px; +} +.formatic .formatic-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-button:hover, .formatic .formatic-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + padding: 2px 20px; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button:hover, .formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button:hover, .formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button.formatic-button-list__button--selected { + background-color: transparent; + border: 2px solid #00205B; + color: #00205B; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button.formatic-button-list__button--selected { + padding-left: 10px; + padding-right: 30px; +} +.formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button.formatic-button-list__button--selected::after { + right: 14px; +} +@media (max-width: 480px) { + .formatic .formatic-button-list .formatic-button-list__button-item-container { + margin-right: 0; + } + .formatic .formatic-button-list .formatic-button-list__button-item-container .formatic-button-list__button { + width: 100%; + } +} +.formatic .formatic-action-bar-root .formatic__float-right { + margin-left: auto; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__back { + font-size: 18px; + line-height: 24px; + height: 50px; + border-color: #00205B; + color: #00205B; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__back::before { + content: none; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__back:hover { + background-color: #00205B; + border: none; + color: white; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__next, .formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__submit { + border: none; + box-shadow: none; + font-size: 18px; + line-height: 24px; + height: 50px; + color: white; + background-color: #FFC72C; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__next::after, .formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__submit::after { + content: none; +} +.formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__next:hover, .formatic .formatic-action-bar-root .formatic-button.formatic-action-bar-root__submit:hover { + background-color: #00205B; + border: 2px solid #00205B; +} +.formatic .formatic-button-root-container .formatic-button-root-message { + background-color: white; + border: 1px solid #FFC72C; + border-radius: 0px; + padding: 5px 10px; +} +.formatic .formatic-button-root-container .formatic-button.formatic-button-root { + background-color: transparent; + font-size: 18px; + line-height: 24px; + height: 50px; + right: 150px; + border-color: #00205B; + color: #00205B; +} +.formatic .formatic-button-root-container .formatic-button.formatic-button-root::before { + content: none; +} +.formatic .formatic-button-root-container .formatic-button.formatic-button-root:hover { + background-color: #00205B; + border: 2px solid #00205B !important; + border: none; + color: white; +} +.formatic .formatic-field-container { + padding-top: 14px; + padding-bottom: 14px; +} +.formatic .formatic-field-container .formatic-text .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-text .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-text .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-text .formatic-text__input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-text .formatic-text__input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-textarea .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-textarea .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-textarea .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-textarea .formatic-textarea__textarea { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; + height: auto; +} +.formatic .formatic-field-container .formatic-textarea .formatic-textarea__textarea:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-dropdown .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-dropdown__select { + border: 1px solid #FFC72C; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-dropdown__select.ant-select-focused { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-dropdown-native__select { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-dropdown .formatic-dropdown-native__select:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item-container + .formatic-radio-list__radio-item-container { + margin-top: 0; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item-container .formatic-radio-list__radio-item-checkmark { + border: 1px solid #FFC72C; + margin-right: 8px; + margin-top: 3px; + height: 18px; + width: 18px; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item-container .formatic-radio-list__radio-item-checkmark--checked { + background-color: #00205B; + width: 10px; + height: 10px; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item-container label { + align-items: flex-start; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item:checked + .formatic-radio-list__radio-item-checkmark { + border-color: #00205B; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item:focus + .formatic-radio-list__radio-item-checkmark { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item:focus + .formatic-radio-list__radio-item-checkmark .formatic-radio-list__radio-item-checkmark--checked { + width: 10px; + height: 10px; +} +@media (max-width: 480px) { + .formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__items-container { + flex-direction: column; + } + .formatic .formatic-field-container .formatic-radio-list .formatic-radio-list__radio-item-container { + width: auto !important; + } +} +.formatic .formatic-field-container .formatic-email .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-email .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-email .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-email .formatic-text__input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-email .formatic-text__input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-sms-verification .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-error-message { + margin-top: 18px; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__phone { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__phone:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__send-button, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__change-phone-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__send-button:hover, .formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__send-button:focus, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__change-phone-button:hover, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__change-phone-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__send-button:disabled, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__change-phone-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-field-container, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-success { + flex-basis: calc(75% - 20px); + margin-right: 20px; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-success { + display: flex; + align-items: center; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__send-sms-container, +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__change-phone-container { + flex-basis: 25%; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__code-input { + flex-basis: calc(75% - 20px); + margin-right: 20px; + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__code-input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__code-button { + flex-basis: 25%; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__verify-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__verify-button:hover, .formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__verify-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__verify-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__sent-container .formatic-sms-verification__verify-button:disabled { + color: #53575a; + opacity: 0.8; +} +@media (max-width: 480px) { + .formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__send-sms-container, + .formatic .formatic-field-container .formatic-sms-verification .formatic-sms-verification__phone-container .formatic-sms-verification__change-phone-container { + margin-top: 0; + } +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__email, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__code-input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__email:focus, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__code-input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-button, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-button, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__verify-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + width: 100%; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-button:hover, .formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-button:focus, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-button:hover, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-button:focus, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__verify-button:hover, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__verify-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-button:disabled, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-button:disabled, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__verify-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__email-field-container, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__sent-success, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__code-input { + flex-basis: calc(75% - 20px); + margin-right: 20px; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-email-container { + margin-bottom: 5px; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-button { + margin-top: 0; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__verify-button { + margin-right: 0 !important; +} +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__change-email-container, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__send-email-container, +.formatic .formatic-field-container .formatic-email-verification .formatic-email-verification__code-button { + flex-basis: 25%; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-text__input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-text__input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-search__button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + min-width: 150px; + margin-right: 0; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-search__button:hover, .formatic .formatic-field-container .formatic-abn-lookup__container .formatic-search__button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-search__button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-search-input { + position: relative; +} +.formatic .formatic-field-container .formatic-abn-lookup__container .formatic-error-message { + position: absolute; + bottom: -25px; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-address-lookup .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-auto-complete .formatic-address-lookup__auto-complete-input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-auto-complete .formatic-address-lookup__auto-complete-input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-address-lookup__back { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-address-lookup__back:hover, .formatic .formatic-field-container .formatic-address-lookup .formatic-address-lookup__back:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-address-lookup .formatic-address-lookup__back:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-text__input { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-text__input:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search__button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + min-width: 150px; + margin-right: 0; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search__button:hover, .formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search__button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search__button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search-input { + display: flex; + position: relative; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-text__input-container { + flex-grow: 1; + margin-right: 12px; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-error-message { + position: absolute; + bottom: -25px; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search-result-item { + display: flex; + padding: 12px; + border: 1px solid #d3dce6; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search-result-item .formatic-search-result-item-detail { + padding: 0 10px; +} +.formatic .formatic-field-container .formatic-profile-lookup__container .formatic-search-result-item .formatic-search-result-item-detail h4 { + line-height: 20px; + font-weight: bold; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-label { + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-label .formatic-label__content, +.formatic .formatic-field-container .formatic-date-picker .formatic-label .formatic-label__required { + line-height: 20px; + display: inline; +} +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__native-date, +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__date-picker { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; + -webkit-appearance: none; +} +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__native-date:focus, +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__date-picker:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendar span.formatic-date-picker__date-picker { + border: none; + padding: 0; + height: auto; +} +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__native-date, +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__date-picker { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; + -webkit-appearance: none; +} +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__native-date:focus, +.formatic .formatic-field-container .formatic-date-picker input.formatic-date-picker__date-picker:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-date-picker.formatic-field-error input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; +} +.formatic .formatic-field-container .formatic-date-picker.formatic-field-error .formatic-error-message { + margin-top: 6px !important; +} +.formatic .formatic-field-container .formatic-date-picker.formatic-field-valid input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker__normal::after { + content: none; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendarInput { + position: relative; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendarInput .ant-calendar-picker-input { + display: none !important; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendarInput .formatic-date-picker__date-picker { + top: auto; + line-height: 38.54px; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendarInput .formatic-date-picker__date-picker:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker-mode-calendarInput input.formatic-date-picker__date-picker { + border: 1px solid #e2e4e5; +} +.formatic .formatic-field-container .formatic-date-picker .formatic-date-picker__date-picker { + position: inherit; + background-color: red; +} +.formatic .formatic-field-container .formatic-date-picker .ant-calendar-picker-input { + display: block !important; + cursor: pointer; + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-date-picker .ant-calendar-picker-input:focus { + box-shadow: none; +} +.formatic .formatic-field-container h4.formatic-heading { + line-height: 15px; +} +.formatic .formatic-field-container h1.formatic-heading { + line-height: 30px; +} +.formatic .formatic-field-container h1.formatic-heading, +.formatic .formatic-field-container h2.formatic-heading, +.formatic .formatic-field-container h3.formatic-heading, +.formatic .formatic-field-container h4.formatic-heading, +.formatic .formatic-field-container h5.formatic-heading { + color: #00205B; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-field-container .formatic-text::after { + right: 1.5px; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-field-container .formatic-file-upload { + border: none; + max-width: 100%; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__actions button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + margin-top: 15px; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__actions button:hover, .formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__actions button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__actions button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__item-remove-button-container button { + color: #00205B; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__item-remove-button-container button:hover { + color: #FFC72C; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__item-remove-button-container button:focus, .formatic .formatic-field-container .formatic-repeatable .formatic-repeatable__item-remove-button-container button:active { + box-shadow: none; + background-color: white; + text-decoration: none; +} +@media (max-width: 480px) { + .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.two-col-first, + .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.two-col-second { + width: 100% !important; + } +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-checksum, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-code, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-smsSentTo, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-status, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-verifiedPhone, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-version, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-field_id, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-extension, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-size, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-upload_id, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-uid, +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced__row-container-status { + display: none; +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-section-heading { + background-color: #00205B; +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-section__label { + background-color: #00205B; +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-section__edit-container { + font-weight: bold; + border-radius: 0; +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-section__edit-container span { + text-decoration: none; + margin-left: 5px; +} +.formatic .formatic-field-container .formatic-review-table .formatic-review-table-section__edit-container:hover { + background-color: #FFC72C; +} +@media (max-width: 480px) { + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item { + flex-direction: column; + } + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item:nth-child(odd) { + background-color: #f2f2f2; + } + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item:nth-child(odd) .formatic-review-table-item__label, + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item:nth-child(odd) .formatic-review-table-item__value, + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item:nth-child(odd) .formatic-review-table-item-advanced { + background-color: white; + } + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item__label, + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item__value, + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item-advanced { + width: 100%; + border: none; + display: flex; + } + .formatic .formatic-field-container .formatic-review-table .formatic-review-table-item .formatic-review-table-item__label { + align-items: center; + font-weight: bold; + } +} +.formatic .formatic-field-container .formatic-file-upload { + display: flex; + flex-direction: column; + border: 2px solid #FFC72C; + border-radius: 8px; + padding: 16px; + max-width: 700px; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-label { + font-weight: bold; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload > span { + display: flex; + flex-direction: column; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload .ant-upload-select { + align-self: flex-end; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload .formatic-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + border-color: #00205B; + color: #00205B; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload .formatic-button:hover, .formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload .formatic-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-file-upload__upload .formatic-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-rich-text-area p { + margin: 0 0 1.25rem 0; +} +.formatic .formatic-field-container .formatic-rich-text-area p:last-child { + margin-bottom: 0; +} +.formatic .formatic-field-container .formatic-rich-text-area ul li { + list-style-type: disc; +} +.formatic .formatic-field-container .formatic-rich-text-area ol li { + list-style-type: decimal; + list-style-position: inside; +} +.formatic .formatic-field-container .formatic-rich-text-area ol li, +.formatic .formatic-field-container .formatic-rich-text-area ul li { + margin: 0 0 0.3rem 4rem; +} +.formatic .formatic-field-container .formatic-rich-text-area ol li:last-of-type, +.formatic .formatic-field-container .formatic-rich-text-area ul li:last-of-type { + margin-bottom: 0; +} +.formatic .formatic-field-container .formatic-rich-text-area a { + cursor: pointer; + color: #00205B; +} +.formatic .formatic-field-container .formatic-rich-text-area h1, +.formatic .formatic-field-container .formatic-rich-text-area h2, +.formatic .formatic-field-container .formatic-rich-text-area h3, +.formatic .formatic-field-container .formatic-rich-text-area h4, +.formatic .formatic-field-container .formatic-rich-text-area h5, +.formatic .formatic-field-container .formatic-rich-text-area h6 { + margin: 0 0 1rem 0; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__canvas { + border: 1px solid #FFC72C; + border-radius: 4px; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__footer { + display: flex; + margin-top: 1rem; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--undo, +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--reset { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--undo:hover, .formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--undo:focus, +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--reset:hover, +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--reset:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--undo:disabled, +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--reset:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-digital-signature .formatic-digital-signature__button--reset { + margin-left: 16px; +} +.formatic .formatic-field-container .formatic-action-button .formatic-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-field-container .formatic-action-button .formatic-button:hover, .formatic .formatic-field-container .formatic-action-button .formatic-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-action-button .formatic-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container.formatic-action-back .formatic-action-button .formatic-button { + font-size: 18px; + line-height: 24px; + height: 50px; + border-color: #00205B; + color: #00205B; +} +.formatic .formatic-field-container.formatic-action-back .formatic-action-button .formatic-button::before { + content: none; +} +.formatic .formatic-field-container.formatic-action-back .formatic-action-button .formatic-button:hover { + background-color: #00205B; + border: none; + color: white; +} +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__auto-complete-input, +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__bank, +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__branch { + border: 1px solid #FFC72C; + font-family: Oswald; + font-size: 16px; + height: 42px; + padding: 9px 12px; + background-color: white; + width: 100%; + border-radius: 0px; +} +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__auto-complete-input:focus, +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__bank:focus, +.formatic .formatic-field-container .formatic-bsb .formatic-bsb__branch:focus { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; + width: 100%; + height: 50px; + padding: 0 8px 0 8px; + border: 1px solid #f8b600; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-button:hover, .formatic .formatic-field-container .formatic-net-promoter-score .formatic-button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-net-promoter-score__button-container { + display: flex; + justify-content: flex-end; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-net-promoter-score__description-container { + display: flex; + justify-content: space-between; + padding: 0 8px 0 8px; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-net-promoter-score__negative-description { + text-align: left; +} +.formatic .formatic-field-container .formatic-net-promoter-score .formatic-net-promoter-score__positive-description { + text-align: right; +} +.formatic .formatic-field-container .formatic-with-help-text__container { + position: absolute; + right: -12px; + top: 10px; +} +.formatic .formatic-field-container .formatic-with-help-text__container .formatic-with-help-text__question-mark { + display: flex; + justify-content: center; + align-items: center; + color: white; + background-color: #00205B; + font-size: 14px; + line-height: 14px; + width: 20px; + height: 20px; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-container { + min-height: 44px; + display: flex; + justify-content: center; + flex-direction: column; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label { + user-select: none; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label input:focus + .formatic-checkbox-list__checkbox-item-checkmark { + box-shadow: none; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label input:checked + .formatic-checkbox-list__checkbox-item-checkmark { + background-color: #00205B; + border-color: #00205B; + display: inline-flex; + align-items: center; + justify-content: center; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-checkmark { + background-color: #FFF; + border: 2px solid #bdbdbd; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-checkmark .formatic-checkbox-list__checkbox-item-checkmark--checked { + position: relative; + top: auto; + left: auto; + transform: none; +} +.formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-checkmark .formatic-checkbox-list__checkbox-item-checkmark--checked i { + color: white; + width: 11px; + line-height: 12px; + font-size: 16px; + font-weight: 700; + margin-left: -3px; +} +@media (max-width: 480px) { + .formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__items-container { + flex-direction: column; + } + .formatic .formatic-field-container .formatic-checkbox-list .formatic-checkbox-list__checkbox-item-container { + width: auto !important; + } +} +.formatic .formatic-field-container.formatic-field-border { + border: 1px solid #FFC72C; + border-radius: 8px; + padding: 45px 50px; + margin: 10px 0; + background: #FFF; +} +.formatic .formatic-field-container.formatic-field-border ul li { + margin: 0 0 0.3rem 2rem; +} +.formatic .formatic-field-container.formatic-dots ul { + list-style: inherit; + padding-left: 18px; +} +.formatic .formatic-field-container.textarea-scroll { + overflow-y: auto; + height: 400px; + background-color: #f3f3f3; + border-radius: 4px; + padding: 15px; +} +.formatic .formatic-field-container.textarea-table table { + border: 1px solid #e2e4e5; +} +.formatic .formatic-field-container.textarea-table tr:not(:last-child) { + border-bottom: 1px solid #e2e4e5; +} +.formatic .formatic-field-container.textarea-table th:not(:last-child) { + border-right: 1px solid #e2e4e5; +} +.formatic .formatic-field-container.textarea-table th { + padding: 5px; +} +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-text .formatic-text__input, +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-email .formatic-text__input, .formatic .formatic-field-container.formatic-input-symbol-phone .formatic-text .formatic-text__input, +.formatic .formatic-field-container.formatic-input-symbol-phone .formatic-email .formatic-text__input, .formatic .formatic-field-container.formatic-input-symbol-email .formatic-text .formatic-text__input, +.formatic .formatic-field-container.formatic-input-symbol-email .formatic-email .formatic-text__input, .formatic .formatic-field-container.formatic-input-symbol-dob .formatic-text .formatic-text__input, +.formatic .formatic-field-container.formatic-input-symbol-dob .formatic-email .formatic-text__input, .formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-text .formatic-text__input, +.formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-email .formatic-text__input { + padding-left: 47px; +} +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-email::before, .formatic .formatic-field-container.formatic-input-symbol-phone .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-phone .formatic-email::before, .formatic .formatic-field-container.formatic-input-symbol-email .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-email .formatic-email::before, .formatic .formatic-field-container.formatic-input-symbol-dob .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-dob .formatic-email::before, .formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-email::before { + position: absolute; + bottom: 15px; + left: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + width: 42px; + height: 43px; + line-height: 43px; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(43, 64, 199, 0.08); + color: #00205B; + border-right: 1px solid #FFC72C; + font-size: 22px; +} +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-sms-verification .formatic-sms-verification__phone, .formatic .formatic-field-container.formatic-input-symbol-phone .formatic-sms-verification .formatic-sms-verification__phone, .formatic .formatic-field-container.formatic-input-symbol-email .formatic-sms-verification .formatic-sms-verification__phone, .formatic .formatic-field-container.formatic-input-symbol-dob .formatic-sms-verification .formatic-sms-verification__phone, .formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-sms-verification .formatic-sms-verification__phone { + padding-left: 47px; +} +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-sms-verification .formatic-sms-verification__phone-field-container::before, .formatic .formatic-field-container.formatic-input-symbol-phone .formatic-sms-verification .formatic-sms-verification__phone-field-container::before, .formatic .formatic-field-container.formatic-input-symbol-email .formatic-sms-verification .formatic-sms-verification__phone-field-container::before, .formatic .formatic-field-container.formatic-input-symbol-dob .formatic-sms-verification .formatic-sms-verification__phone-field-container::before, .formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-sms-verification .formatic-sms-verification__phone-field-container::before { + position: absolute; + top: 1px; + left: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + width: 42px; + height: 43px; + line-height: 43px; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(43, 64, 199, 0.08); + color: #00205B; + border-right: 1px solid #FFC72C; + font-size: 22px; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-field-container.two-col-first, .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.two-col-second { + width: 49.25%; +} +.formatic .formatic-field-container .formatic-repeatable .formatic-field-container.formatic-input-symbol-dollar .formatic-text::before, .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.formatic-input-symbol-percentage .formatic-text::before, .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.formatic-input-symbol-phone .formatic-text::before, .formatic .formatic-field-container .formatic-repeatable .formatic-field-container.formatic-input-symbol-email .formatic-text::before { + left: auto; +} +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-email::before, +.formatic .formatic-field-container.formatic-input-symbol-dollar .formatic-sms-verification__phone-field-container::before { + content: "$"; +} +.formatic .formatic-field-container.formatic-input-symbol-phone .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-phone .formatic-email::before, +.formatic .formatic-field-container.formatic-input-symbol-phone .formatic-sms-verification__phone-field-container::before { + content: url('data:image/svg+xml; utf8, '); + padding-top: 5px; +} +.formatic .formatic-field-container.formatic-input-symbol-dob .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-dob .formatic-email::before, +.formatic .formatic-field-container.formatic-input-symbol-dob .formatic-sms-verification__phone-field-container::before { + content: url('data:image/svg+xml; utf8, '); + padding-top: 5px; +} +.formatic .formatic-field-container.formatic-input-symbol-email .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-email .formatic-email::before, +.formatic .formatic-field-container.formatic-input-symbol-email .formatic-sms-verification__phone-field-container::before { + content: "@"; +} +.formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-text::before, +.formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-email::before, +.formatic .formatic-field-container.formatic-input-symbol-percentage .formatic-sms-verification__phone-field-container::before { + content: "%"; +} +.formatic .formatic-field-container.two-col-list .formatic-radio-list .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; +} +.formatic .formatic-field-container.two-col-list .formatic-radio-list .formatic-radio-list__radio-item-container { + width: 50%; + padding: 5px; +} +.formatic .formatic-field-container.three-col-list .formatic-radio-list .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; +} +.formatic .formatic-field-container.three-col-list .formatic-radio-list .formatic-radio-list__radio-item-container { + width: 33.33%; + padding: 5px; +} +.formatic .formatic-field-container.four-col-list .formatic-radio-list .formatic-radio-list__items-container { + display: flex; + flex-wrap: wrap; + margin: 0 -5px; + margin-bottom: -5px; +} +.formatic .formatic-field-container.four-col-list .formatic-radio-list .formatic-radio-list__radio-item-container { + width: 25%; + padding: 5px; +} +.formatic .formatic-section-container.formatic-section-border { + border: 1px solid #FFC72C; + border-radius: 8px; + padding: 45px 50px; + margin: 10px 0; + background: #FFF; +} +.formatic .formatic-section-container.formatic-section-border ul { + list-style: inherit; + padding-left: 18px; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-container { + min-height: 44px; + display: flex; + justify-content: center; + flex-direction: column; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label { + user-select: none; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label input:focus + .formatic-checkbox-list__checkbox-item-checkmark { + box-shadow: none; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-container .formatic-checkbox-list__checkbox-item-label input:checked + .formatic-checkbox-list__checkbox-item-checkmark { + background-color: #00205B; + border-color: #00205B; + display: inline-flex; + align-items: center; + justify-content: center; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-checkmark { + background-color: #FFF; + border: 2px solid #bdbdbd; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-checkmark .formatic-checkbox-list__checkbox-item-checkmark--checked { + position: relative; + top: auto; + left: auto; + transform: none; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-checkmark .formatic-checkbox-list__checkbox-item-checkmark--checked i { + color: white; + width: 11px; + line-height: 12px; + font-size: 16px; + font-weight: 700; + margin-left: -3px; +} +.formatic .formatic-ev-component .ev-skip-template-info-icon:after { + color: #00205B; +} +.formatic .formatic-ev-component .formatic-checkbox-list__checkbox-item-container { + flex-direction: row; +} +.formatic .formatic-ev-component .formatic-electronic-verification__button-container .formatic-electronic-verification__button { + font-family: Oswald; + font-size: 14px; + font-weight: bold; + min-height: 42px; + height: auto; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 0px; + box-shadow: none; + padding: 2px 10px; + justify-content: center; +} +.formatic .formatic-ev-component .formatic-electronic-verification__button-container .formatic-electronic-verification__button:hover, .formatic .formatic-ev-component .formatic-electronic-verification__button-container .formatic-electronic-verification__button:focus { + box-shadow: none; + background-color: transparent; + color: #00205B; + border: 2px solid #00205B; + border-radius: 0px; + text-decoration: none; +} +.formatic .formatic-ev-component .formatic-electronic-verification__button-container .formatic-electronic-verification__button:disabled { + color: #53575a; + opacity: 0.8; +} +.formatic .formatic-ev-component .formatic-electronic-verification__button-icon-container:hover { + border-color: #00205B; + background-color: rgba(0, 32, 91, 0.3); +} +.formatic .formatic-ev-component .formatic-electronic-verification__button-container-source--selected .formatic-electronic-verification__button-icon-container { + border-color: #00205B; +} +.formatic .formatic-ev-component .ev-introduction-template-content-list-number { + border-color: #00205B; + display: flex; + align-items: center; + justify-content: center; +} +.formatic .formatic-ev-component .ev-introduction-template-content-list-number p { + color: #00205B; + padding: 0; + margin: 0; +} +.formatic .formatic-ev-component .ev-introduction-template-document-image { + background-color: #00205B; +} +.formatic .formatic-ev-component .ev-introduction-template-document-image p { + filter: invert(100%); +} +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic .formatic-field-container .formatic-field-valid .formatic-dropdown__select::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-text::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-password::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-bsb__bank-container::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-email::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-textarea::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-checkbox-list__items-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-radio-list__items-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-text::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after, +.formatic .formatic-field-valid.formatic-electronic-verification__manual-verification-field-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after { + background-color: #00205B; + border-color: #00205B; + color: white; + height: 20px; + width: 20px; + line-height: 20px; + font-size: 16px; +} +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic .formatic-field-container .formatic-field-valid .formatic-dropdown__select::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-text::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-password::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic .formatic-field-container .formatic-field-valid.formatic-email::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-text::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__normal::after { + bottom: 25px; + right: -10px; +} +.formatic .formatic-ev-component .formatic-field-valid.formatic-electronic-verification__manual-verification-field-container::after { + right: 10.5px !important; + top: 58px !important; +} +.formatic .formatic-field-container .formatic-field-valid.formatic-textarea::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-checkbox-list__items-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-radio-list__items-container::after { + right: -10px; +} +.formatic .formatic-field-container .formatic-field-valid .formatic-email-verification__email-field-container::after { + right: -10px; + top: 12px; +} +.formatic .formatic-field-container .formatic-field-valid.formatic-bsb__branch-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-valid .formatic-dropdown__select::after { + bottom: 12px !important; + top: auto; +} +.formatic .formatic-field-container .formatic-field-valid .formatic-date-picker__date-picker > div::after { + top: 12px; +} +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after, +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-valid .formatic-text__input-container:after { + top: 12px !important; +} +.formatic .formatic-form .formatic-field-error .formatic-error-message { + line-height: 12px; + margin-top: 4px !important; +} +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic .formatic-field-container .formatic-field-error .formatic-dropdown__select::after, +.formatic .formatic-field-container .formatic-field-error.formatic-text::after, +.formatic .formatic-field-container .formatic-field-error.formatic-password::after, +.formatic .formatic-field-container .formatic-field-error.formatic-bsb__bank-container::after, +.formatic .formatic-field-container .formatic-field-error.formatic-bsb__branch-container::after, +.formatic .formatic-field-container .formatic-field-error.formatic-email::after, +.formatic .formatic-field-container .formatic-field-error.formatic-textarea::after, +.formatic .formatic-field-container .formatic-field-error .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-error .formatic-checkbox-list__items-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after, +.formatic .formatic-field-container .formatic-field-error .formatic-radio-list__items-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-text::after, +.formatic .formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-email-verification__email-field-container::after, +.formatic .formatic-field-error.formatic-electronic-verification__manual-verification-field-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__normal::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__normal::after { + height: 20px; + width: 20px; + line-height: 20px; + font-size: 16px; +} +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic .formatic-field-container .formatic-field-error .formatic-dropdown__select::after, +.formatic .formatic-field-container .formatic-field-error.formatic-text::after, +.formatic .formatic-field-container .formatic-field-error.formatic-password::after, +.formatic .formatic-field-container .formatic-field-error.formatic-bsb__bank-container::after, +.formatic .formatic-field-container .formatic-field-error.formatic-email::after, +.formatic .formatic-field-container .formatic-field-error .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after, +.formatic .formatic-field-container .formatic-field-error .formatic-text::after, +.formatic .formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__normal::after, +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__normal::after { + bottom: 23px; + right: -10px; +} +.formatic .formatic-ev-component .formatic-field-error.formatic-electronic-verification__manual-verification-field-container::after { + right: 10.5px !important; + top: 58px !important; +} +.formatic .formatic-field-container .formatic-field-error.formatic-textarea::after, +.formatic .formatic-field-container .formatic-field-error .formatic-checkbox-list__items-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-radio-list__items-container::after { + right: -10px; +} +.formatic .formatic-field-container .formatic-field-error .formatic-email-verification__email-field-container::after { + right: -10px; + top: 12px; +} +.formatic .formatic-field-container .formatic-field-error.formatic-bsb__branch-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-sms-verification__phone-field-container::after, +.formatic .formatic-field-container .formatic-field-error .formatic-auto-complete::after, +.formatic .formatic-field-container .formatic-field-error .formatic-dropdown__select::after { + bottom: 16px !important; + top: auto; +} +.formatic .formatic-profile-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after, +.formatic .formatic-abn-lookup__container .formatic-search-container .formatic-search-input.formatic-field-error .formatic-text__input-container:after { + top: 12px !important; +} +.formatic .formatic-field-container .formatic-field-error .formatic-date-picker__date-picker > div::after { + top: 12px; +} +.formatic .formatic-field-container .formatic-file-upload .formatic-error-message { + position: relative; +} + +.formatic--transformd .formatic-progress-bar { + background: #fff; + margin: 0 0 3rem 0; + z-index: 11; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__container { + display: flex; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__block { + flex-basis: 0; + flex-grow: 1; + padding-bottom: calc(0.625rem + 6px); + position: relative; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__block ~ .formatic-progress-bar__block { + margin-left: 0.625rem; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage { + background-color: #4c5057; + height: 6px; + width: 100%; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage--incomplete { + background-color: #c4cedc; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage--complete { + background-color: #4c5057; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage { + bottom: 0; + position: absolute; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage--selected ~ .formatic-progress-bar__label-block { + color: #4c5057; + font-weight: 700; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage--complete ~ .formatic-progress-bar__label-block { + color: #4c5057; + font-weight: 400; +} +.formatic--transformd .formatic-progress-bar .formatic-progress-bar__stage--incomplete ~ .formatic-progress-bar__label-block { + color: #c4cedc; + font-weight: 400; +} + +.formatic--transformd .sticky-outer-wrapper { + margin: 0 0 3rem 0; +} + +.formatic--transformd .sticky-outer-wrapper .formatic-progress-bar { + margin: 0; +} + +.formatic--transformd .sticky-outer-wrapper.active .formatic-progress-bar { + margin: 0; + padding: 0 0 0.75rem 0; +} + +.formatic--transformd .sticky-inner-wrapper { + z-index: 10 !important; +} + +.formatic .formatic-progress-bar { + background-color: #FFF; +} +.formatic .formatic-progress-bar .formatic-progress-bar__stage--complete::after { + display: none; +} +.formatic .formatic-progress-bar .formatic-progress-bar__stage.formatic-progress-bar__stage--complete, +.formatic .formatic-progress-bar .formatic-progress-bar__stage.formatic-progress-bar__stage--selected, +.formatic .formatic-progress-bar .formatic-progress-bar__progress { + background-color: #00205B; +} +.formatic .formatic-progress-bar .formatic-label__content { + color: #00205B; +} +.formatic .formatic-progress-bar .formatic-progress-bar__line, +.formatic .formatic-progress-bar .formatic-progress-bar__progress { + display: none; +} +.formatic .formatic-progress-bar .formatic-progress-bar__block .formatic-progress-bar__stage { + border-radius: 0; +} +.formatic .formatic-progress-bar .formatic-progress-bar__block.formatic-progress-bar__block--completion-block .formatic-progress-bar__label-block { + position: relative; + right: auto; +} +.formatic .formatic-progress-bar .formatic-progress-bar__block .formatic-label__content { + transform: none; +} + +@media (max-width: 576px) { + .formatic .formatic-field-container.three-col-offset-2 { + width: 100%; + } + .formatic .formatic-progress-bar .formatic-progress-bar__container .formatic-progress-bar__block .formatic-progress-bar__label-block { + display: none; + } + .formatic .formatic-progress-bar .formatic-progress-bar__container .formatic-progress-bar__block--selected { + flex-grow: 4; + } + .formatic .formatic-progress-bar .formatic-progress-bar__container .formatic-progress-bar__block--selected .formatic-progress-bar__label-block { + display: block; + } +} +@media (max-width: 480px) { + .formatic-progress-bar { + display: block !important; + } +} +.formatic .formatic-rich-text-area__content .claim-container { + display: flex; + padding: 2rem; +} +.formatic .formatic-rich-text-area__content .claim-section-container { + flex-grow: 1; + flex-basis: 0; + display: flex; + flex-direction: column; +} +.formatic .formatic-rich-text-area__content .claim-section-container:not(:first-child):not(:last-child) { + padding: 0 3rem; +} +.formatic .formatic-rich-text-area__content .claim-section__header { + display: flex; + justify-content: center; + align-items: center; +} +.formatic .formatic-rich-text-area__content .claim-section__body { + margin-top: 32px; + padding: 0 16px; +} +.formatic .formatic-rich-text-area__content .claim-arrow { + width: 100%; + height: 50px; + background: #282b48; + text-align: center; + color: #fff; + font-weight: bold; + font-size: 16px; + position: relative; + display: flex; + align-items: center; + justify-content: center; +} +.formatic .formatic-rich-text-area__content .claim-arrow:before, .formatic .formatic-rich-text-area__content .claim-arrow:after { + content: ""; + position: absolute; +} +.formatic .formatic-rich-text-area__content .claim-arrow:after { + border-left: 25px solid #282b48; + border-right: 25px solid transparent; + border-top: 25px solid transparent; + border-bottom: 25px solid transparent; + right: -50px; + top: 0px; + width: 0; + height: 0; + display: block; +} +.formatic .formatic-rich-text-area__content .claim-arrow:before { + border-left: 26px solid white; + border-right: 26px solid transparent; + border-top: 26px solid transparent; + border-bottom: 26px solid transparent; + left: 0px; + top: -1px; + width: 0; + height: 0; + display: block; +} + +.formatic .formatic-hidden { + display: none !important; +} + +.formatic-address-lookup__auto-complete-dropdown button { + font-size: 14px; + font-weight: bold; + height: 42px; + color: #4f4f4f; + border: 2px solid #FFC72C; + background-color: transparent; + border-radius: 100px; + box-shadow: none; +} +.formatic-address-lookup__auto-complete-dropdown button:hover, .formatic-address-lookup__auto-complete-dropdown button:focus { + box-shadow: none; + color: #00205B; + border-color: #00205B; + background-color: transparent; + border-radius: 100px; + text-decoration: none; +} +.formatic-address-lookup__auto-complete-dropdown button:disabled { + color: #53575a; + opacity: 0.8; +} + +.formatic-date-picker__popup-calendar .ant-calendar-header .ant-calendar-century-select, +.formatic-date-picker__popup-calendar .ant-calendar-header .ant-calendar-decade-select, +.formatic-date-picker__popup-calendar .ant-calendar-header .ant-calendar-year-select, +.formatic-date-picker__popup-calendar .ant-calendar-header .ant-calendar-month-select { + color: #00205B; +} +.formatic-date-picker__popup-calendar .ant-calendar-column-header .ant-calendar-column-header-inner { + background-color: #FFC72C; +} +.formatic-date-picker__popup-calendar.ant-calendar-picker-container .ant-calendar-today-btn { + background-color: #00205B; +} +.formatic-date-picker__popup-calendar.ant-calendar-picker-container .ant-calendar-today-btn:hover { + background-color: #FFC72C; +} +.formatic-date-picker__popup-calendar .ant-calendar-today .ant-calendar-date { + color: #FFC72C; + border-color: #FFC72C; +} +.formatic-date-picker__popup-calendar .ant-calendar-selected-date .ant-calendar-date { + background-color: #FFC72C; + border-color: #FFC72C; +} +.formatic-date-picker__popup-calendar :not(.ant-calendar-selected-date) > .ant-calendar-date:hover { + color: #FFC72C; + border-color: #FFC72C; +} + +.formatic-ant-dropdown.ant-select-dropdown .ant-select-dropdown-menu-item-active { + background-color: #00205B; +} + +.ant-tooltip { + display: none; +} + +/* GVGS custom class for time fields. */ +.time-inline { + flex: 33%; + padding-inline: 0px 30px; + max-width: 150px; +} + +.date-check-inline1 { + flex: auto; + padding-inline: 0px 5px; + max-width: 180px; +} + +.date-check-inline2 { + flex: auto; + padding-inline: 0px 5px; + max-width: 250px; + min-width: 250px; +} + +/*# sourceMappingURL=index.css.map */ diff --git a/src/layout/gvgs/index.css.map b/src/layout/gvgs/index.css.map new file mode 100644 index 0000000..71e9ceb --- /dev/null +++ b/src/layout/gvgs/index.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["index.scss","fields/_button.scss","fields/_action-bar.scss","fields/_label.scss","fields/_text.scss","fields/_dropdown.scss","fields/_radio.scss","fields/_email.scss","fields/_sms-verification.scss","fields/_email-verification.scss","fields/_abn-lookup.scss","fields/_autocomplete.scss","fields/_address-lookup.scss","fields/_profile-lookup.scss","fields/_datepicker.scss","fields/_heading.scss","fields/_repeatable.scss","fields/_review-table.scss","fields/_upload.scss","fields/_rich-textarea.scss","../../../node_modules/@transformd-ltd/theme-transformd/src/abstracts/_variables.scss","fields/_digital-signature.scss","fields/_action-button.scss","fields/_bsb.scss","fields/_net-promoter-score.scss","fields/_checkbox.scss","fields/_custom-class.scss","fields/_ev.scss","helpers/_validation.scss","../../../node_modules/@transformd-ltd/theme-transformd/src/components/_progress-bar.scss","fields/_progress-bar.scss","_custom.scss"],"names":[],"mappings":"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A;EACA;;AAEA;EAGE;EACA;EACA,ODnBY;ECoBZ;EACA;EACA;;AAGF;EACE;EACA;;AqBnBA;EACE;EACA;EACA;EACA,ctBZU;EsBaV,OtBbU;;AsBeV;EACE;;AAGF;EACE,kBtBpBQ;EsBqBR;EACA;;ACrBN;AAAA;AAAA;EnBAA;EACA,aJIY;EIHZ,WJIU;EIHV;EAEA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;AoBXF;EvBAA,aDKY;ECJZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EuBTE;EACA;EACA;EACA;;AvBQF;EAGE;EACA;EACA,ODnBY;ECoBZ;EACA;EACA;;AAGF;EACE;EACA;;AuBlBF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AxBqCA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,kBAxEQ;EAyER;EACA;EACA;EACA;;AyB3EN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGE;EACE;;AAGF;EACE,kBzBhBM;EyBiBN,czBjBM;EyBkBN;EACA;EACA;;AAMR;EAGE,kBzB3Be;EyB4Bf;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAYR;EAGM;IACE;;EAGF;IACE;;;AC/DN;EACE,Q1BEK;E0BDL;EACA;EACA;EACA;;AAKE;EACE;;AAMJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,O1B1EQ;E0B2ER,c1BvEC;E0BwED;;AAKF;EACE;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,O1BnGM;E0BoGN,c1BhGD;E0BiGC;;AAQJ;EAEE;;AAQE;EACE;;AAWN;AAAA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","file":"index.css"} \ No newline at end of file diff --git a/src/layout/gvgs/index.scss b/src/layout/gvgs/index.scss new file mode 100644 index 0000000..9072ff6 --- /dev/null +++ b/src/layout/gvgs/index.scss @@ -0,0 +1,182 @@ +$primary-color: #00205B; +$secondary-color: #FFC72C; +$background-color: #FFF; +$border-color: #FFC72C; +$border: 1px solid $border-color; +$border-radius: 0px; +$font-family: Oswald; +$font-size: 16px; + +body { + background-color: $background-color !important; +} + +.formatic { + font-family: $font-family; + font-size: $font-size; + + h1 { + color: $primary-color; + } + + .formatic-connectivity-component__container { + position: fixed; + top: 0; + background: $secondary-color; + left: 0; + right: 0; + text-align: center; + color: white; + font-weight: bold; + font-size: $font-size; + z-index: 123; + line-height: 35px; + } + + @import "./fields/button"; + @import "./fields/action-bar"; + + .formatic-field-container { + padding-top: 14px; + padding-bottom: 14px; + + @import "./fields/text"; + @import "./fields/dropdown"; + @import "./fields/radio"; + @import "./fields/email"; + @import "./fields/sms-verification"; + @import "./fields/email-verification"; + @import "./fields/abn-lookup"; + @import "./fields/address-lookup"; + @import "./fields/profile-lookup"; + @import "./fields/datepicker"; + @import "./fields/heading"; + @import "./fields/repeatable"; + @import "./fields/review-table"; + @import "./fields/upload"; + @import "./fields/rich-textarea"; + @import "./fields/digital-signature"; + @import "./fields/action-button"; + @import "./fields/bsb"; + @import './fields/net-promoter-score'; + + .formatic-with-help-text__container { + position: absolute; + right: -12px; + top: 10px; + + .formatic-with-help-text__question-mark { + display: flex; + justify-content: center; + align-items: center; + color: white; + background-color: $primary-color; + font-size: 14px; + line-height: 14px; + width: 20px; + height: 20px; + } + } + } + + @import "./fields/checkbox"; + @import "./fields/custom-class"; + @import "./fields/ev"; + @import "./helpers/validation"; +} + +@import "./fields/progress-bar"; +@import "./custom"; + +.formatic-address-lookup__auto-complete-dropdown button { + font-size: 14px; + font-weight: bold; + height: 42px; + color: #4f4f4f; + border: 2px solid $border-color; + background-color: transparent; + border-radius: 100px; + box-shadow: none; + + &:hover, + &:focus { + box-shadow: none; + color: $primary-color; + border-color: $primary-color; + background-color: transparent; + border-radius: 100px; + text-decoration: none; + } + + &:disabled { + color: #53575a; + opacity: 0.8; + } +} + +.formatic-date-picker__popup-calendar { + .ant-calendar-header .ant-calendar-century-select, + .ant-calendar-header .ant-calendar-decade-select, + .ant-calendar-header .ant-calendar-year-select, + .ant-calendar-header .ant-calendar-month-select { + color: $primary-color; + } + + .ant-calendar-column-header .ant-calendar-column-header-inner { + background-color: #FFC72C; + } + + &.ant-calendar-picker-container .ant-calendar-today-btn { + background-color: $primary-color; + + &:hover { + background-color: $secondary-color; + } + } + + .ant-calendar-today .ant-calendar-date { + color: $secondary-color; + border-color: $secondary-color; + } + + .ant-calendar-selected-date .ant-calendar-date { + background-color: $secondary-color; + border-color: $secondary-color; + } + + :not(.ant-calendar-selected-date) > .ant-calendar-date:hover { + color: $secondary-color; + border-color: $secondary-color; + } +} + +.formatic-ant-dropdown.ant-select-dropdown .ant-select-dropdown-menu-item-active { + background-color: $primary-color; +} + +.ant-tooltip { + display: none; +} + +/* GVGS custom class for time fields. */ +.time-inline { + flex:33%; + padding-inline: 0px 30px; + max-width: 150px; +} + +.date-check-inline1 { + flex: auto; + + padding-inline: 0px 5px; + max-width: 180px; + +} + +.date-check-inline2 { + flex:auto; + + padding-inline: 0px 5px; + max-width: 250px; + min-width: 250px; +} diff --git a/src/pages/FormEmbedPage.jsx b/src/pages/FormEmbedPage.jsx index bff318b..6f7ce02 100644 --- a/src/pages/FormEmbedPage.jsx +++ b/src/pages/FormEmbedPage.jsx @@ -3,14 +3,16 @@ import Formatic, { Overrides, Data, Events } from "@transformd-ltd/sdk"; import ElectronicVerification from "@transformd-ltd/electronic-verification"; import AbnLookupComponent from "@transformd-ltd/abn-lookup"; import ProfileLookupComponent from "@transformd-ltd/profile-lookup"; -import UserLookupComponent from '@transformd-ltd/user-lookup'; -import axios from "axios"; import get from "lodash/get"; -import isEmpty from 'lodash/isEmpty'; +import isEmpty from "lodash/isEmpty"; import API from "../API"; -import {useParams} from "react-router-dom"; +import { useParams } from "react-router-dom"; import ErrorBoundary from "../components/ErrorBoundary"; -import {Loading, TaskAlreadyCompletedWarning, TaskNotAssignedWarning} from "./ApprovalTaskPage"; +import { + Loading, + TaskAlreadyCompletedWarning, + TaskNotAssignedWarning, +} from "./ApprovalTaskPage"; function FullscreenForm(props) { const { @@ -21,9 +23,9 @@ function FullscreenForm(props) { submission, task, env, - error, channel, - onRefresh + onRefresh, + assignment, } = props; const formaticProps = { @@ -34,64 +36,167 @@ function FullscreenForm(props) { submissionId: submission.id, formId: Number(env.FORM_ID), apiKey: env.API_KEY, - environment: env.BRANCH, + environment: submission.branch, channel: channel, }; console.log({ formaticProps }); - useEffect(() => { + const [outcomeResponse, setOutcomeResponse] = useState(false); + useEffect(() => { const createDownloadSection = async () => { - var downloadSection = document.createElement('div'); + var downloadSection = document.createElement("div"); downloadSection.className = "upload-header"; - var sectionHeader = document.createElement('h1'); + var sectionHeader = document.createElement("h1"); if (env.UPLOAD_SECTION_TITLE) { var headerContent = document.createTextNode(env.UPLOAD_SECTION_TITLE); sectionHeader.appendChild(headerContent); } else { - var headerContent = document.createTextNode('Uploads'); + var headerContent = document.createTextNode("Uploads"); sectionHeader.appendChild(headerContent); } downloadSection.append(sectionHeader); - const arrUploadId = env.UPLOAD_SECTION_FIELD_IDS.split(',').map(function (fieldId) { + const arrUploadId = env.UPLOAD_SECTION_FIELD_IDS.split(",").map(function ( + fieldId + ) { return fieldId.trim(); }); - API.submissions.retrieve(formaticProps.submissionId) - .then((res) => { - for (const field in res.data.values) { - if (res.data.values[field].type === "fileUpload") { - const fieldId = res.data.values[field].self_url.split('/'); - for (const allowedId of arrUploadId) { - if (fieldId[fieldId.length - 1] === allowedId) { - if (!isEmpty(res.data.values[field].files)) { - for (let fileCounter = 0; fileCounter < res.data.values[field].files.length; fileCounter++) { - var downloadButton = document.createElement("button"); - downloadButton.className = "download-buttons"; - var buttonLabel = document.createTextNode(fileCounter > 0 ? `${field}_(${fileCounter}).${res.data.values[field].files[fileCounter].filename.split('.').pop()}` : `${field}.${res.data.values[field].files[fileCounter].filename.split('.').pop()}`); - downloadButton.appendChild(buttonLabel); - downloadButton.addEventListener('click', async () => {downloadOnClick(res.data.values[field].files[fileCounter].id, fileCounter > 0 ? `${field}_(${fileCounter}).${res.data.values[field].files[fileCounter].filename.split('.').pop()}` : `${field}.${res.data.values[field].files[fileCounter].filename.split('.').pop()}`)}); - downloadSection.append(downloadButton); + API.submissions + .retrieve(formaticProps.submissionId) + .then((res) => { + for (const field in res.data.values) { + if (res.data.values[field].type === "fileUpload") { + const fieldId = res.data.values[field].self_url.split("/"); + for (const allowedId of arrUploadId) { + if (fieldId[fieldId.length - 1] === allowedId) { + if (!isEmpty(res.data.values[field].files)) { + for ( + let fileCounter = 0; + fileCounter < res.data.values[field].files.length; + fileCounter++ + ) { + var downloadButton = document.createElement("button"); + downloadButton.className = "download-buttons"; + downloadButton.type = "button"; + var buttonLabel = document.createTextNode( + fileCounter > 0 + ? `${field}_(${fileCounter}).${res.data.values[ + field + ].files[fileCounter].filename + .split(".") + .pop()}` + : `${field}.${res.data.values[field].files[ + fileCounter + ].filename + .split(".") + .pop()}` + ); + downloadButton.appendChild(buttonLabel); + downloadButton.addEventListener("click", async () => { + downloadOnClick( + res.data.values[field].files[fileCounter].id, + fileCounter > 0 + ? `${field}_(${fileCounter}).${res.data.values[ + field + ].files[fileCounter].filename + .split(".") + .pop()}` + : `${field}.${res.data.values[field].files[ + fileCounter + ].filename + .split(".") + .pop()}` + ); + }); + downloadSection.append(downloadButton); + } } - } + } } - } - } else if (res.data.values[field].type === "repeatable") { - for (let repeatableCounter = 0; repeatableCounter < res.data.values[field].value.length; repeatableCounter++) { - for (const fieldName in res.data.values[field].value[repeatableCounter].values) { - if (res.data.values[field].value[repeatableCounter].values[fieldName].type === "fileUpload") { - const fieldId = res.data.values[field].value[repeatableCounter].values[fieldName].field_id; - for (const allowedId of arrUploadId) { - if (fieldId === allowedId) { - if (!isEmpty(res.data.values[field].value[repeatableCounter].values[fieldName].value)) { - for (let fileCounter = 0; fileCounter < res.data.values[field].value[repeatableCounter].values[fieldName].value.length; fileCounter++) { - var downloadButton = document.createElement("button"); - downloadButton.className = "download-buttons"; - var buttonLabel = document.createTextNode(fileCounter > 0 ? `${fieldName}_(${fileCounter}).${res.data.values[field].value[repeatableCounter].values[fieldName].value[fileCounter].filename.split('.').pop()}` : `${fieldName}.${res.data.values[field].value[repeatableCounter].values[fieldName].value[fileCounter].filename.split('.').pop()}`); - downloadButton.appendChild(buttonLabel); - downloadButton.addEventListener('click', async () => {downloadOnClick(res.data.values[field].value[repeatableCounter].values[fieldName].value[fileCounter].upload_id, fileCounter > 0 ? `${fieldName}_(${fileCounter}).${res.data.values[field].value[repeatableCounter].values[fieldName].value[fileCounter].filename.split('.').pop()}` : `${fieldName}.${res.data.values[field].value[repeatableCounter].values[fieldName].value[fileCounter].filename.split('.').pop()}`)}); - downloadSection.append(downloadButton); + } else if (res.data.values[field].type === "repeatable") { + for ( + let repeatableCounter = 0; + repeatableCounter < res.data.values[field].value.length; + repeatableCounter++ + ) { + for (const fieldName in res.data.values[field].value[ + repeatableCounter + ].values) { + if ( + res.data.values[field].value[repeatableCounter].values[ + fieldName + ].type === "fileUpload" + ) { + const fieldId = + res.data.values[field].value[repeatableCounter].values[ + fieldName + ].field_id; + for (const allowedId of arrUploadId) { + if (fieldId === allowedId) { + if ( + !isEmpty( + res.data.values[field].value[repeatableCounter] + .values[fieldName].value + ) + ) { + for ( + let fileCounter = 0; + fileCounter < + res.data.values[field].value[repeatableCounter] + .values[fieldName].value.length; + fileCounter++ + ) { + var downloadButton = + document.createElement("button"); + downloadButton.className = "download-buttons"; + var buttonLabel = document.createTextNode( + fileCounter > 0 + ? `${fieldName}_(${fileCounter}).${res.data.values[ + field + ].value[repeatableCounter].values[ + fieldName + ].value[fileCounter].filename + .split(".") + .pop()}` + : `${fieldName}.${res.data.values[field].value[ + repeatableCounter + ].values[fieldName].value[ + fileCounter + ].filename + .split(".") + .pop()}` + ); + downloadButton.appendChild(buttonLabel); + downloadButton.addEventListener( + "click", + async () => { + downloadOnClick( + res.data.values[field].value[ + repeatableCounter + ].values[fieldName].value[fileCounter] + .upload_id, + fileCounter > 0 + ? `${fieldName}_(${fileCounter}).${res.data.values[ + field + ].value[repeatableCounter].values[ + fieldName + ].value[fileCounter].filename + .split(".") + .pop()}` + : `${fieldName}.${res.data.values[ + field + ].value[repeatableCounter].values[ + fieldName + ].value[fileCounter].filename + .split(".") + .pop()}` + ); + } + ); + downloadSection.append(downloadButton); + } } } } @@ -100,72 +205,124 @@ function FullscreenForm(props) { } } } - } - }) - .then(() => { - let aboveField = document.getElementsByName(env.UPLOAD_ABOVE); - aboveField[0].parentElement.prepend(downloadSection); - }) - .catch((err) => { - console.error(err); - }); + }) + .then(() => { + let aboveField = document.getElementsByName(env.UPLOAD_ABOVE); + aboveField[0].parentElement.prepend(downloadSection); + }) + .catch((err) => { + console.error(err); + }); }; const downloadOnClick = async (uploadId, filename) => { - API.downloadFile.retrieve(formaticProps.submissionId, uploadId) + API.downloadFile + .retrieve(formaticProps.submissionId, uploadId) .then((res) => { - let tempLink = document.createElement('a'); + let tempLink = document.createElement("a"); tempLink.href = window.URL.createObjectURL(res.data); - tempLink.setAttribute('download', filename); + tempLink.setAttribute("download", filename); tempLink.click(); }) - .catch((err) => { - + .catch((err) => {}); + }; + + const apiV3ActionTask = (actionButton) => { + API.assignments + .update(assignment.task.id, assignment.id, { + current_state: actionButton.outcome, }) - } + .then(() => { + setOutcomeResponse({ + outcomeType: "success", + outcomeMessage: "Task successfully updated", + }); + + // if redirectPage is a URL: + if (actionButton.redirectPage.includes("http")) { + window.top.location.href = actionButton.redirectPage; + } else { + formaticProps.data.store.dispatch({ + type: "SET_CURRENT_PAGE", + channel: channel, + pageId: actionButton.redirectPage, + requestTimestamp: Date.now(), + }); + } + }) + .catch((err) => { + console.log(err); + const errorMessage = Object.values(err.response.data.errors)[0]; + setOutcomeResponse({ + outcomeType: "error", + outcomeMessage: errorMessage, + }); + }); + }; if (formaticProps.data.store) { const emitter = formaticProps.data.getEmitter(); - emitter.on(Events.PageRender, data => { - const splitcontainer = document.getElementById(`formatic-page-container-${env.PAGE_ID}`); + const data = formaticProps.data; + emitter.on(Events.PageRender, (data) => { + const splitcontainer = document.getElementById( + `formatic-page-container-${env.PAGE_ID}` + ); if (splitcontainer) { - splitcontainer.classList.add('flex-section-container'); - const leftPage = document.getElementById(`formatic-section-container-${env.SECTION_LEFT}`); - leftPage.classList.add('section-one'); - const rightPage = document.getElementById(`formatic-section-container-${env.SECTION_RIGHT}`); - rightPage.classList.add('section-two'); + splitcontainer.classList.add("flex-section-container"); + const leftPage = document.getElementById( + `formatic-section-container-${env.SECTION_LEFT}` + ); + leftPage.classList.add("section-one"); + const rightPage = document.getElementById( + `formatic-section-container-${env.SECTION_RIGHT}` + ); + rightPage.classList.add("section-two"); if (env.UPLOAD_ABOVE) { createDownloadSection(); - }; + } } }); - }; + + const actionButtons = env.TASK_ACTION_BUTTONS + ? JSON.parse(env.TASK_ACTION_BUTTONS) + : null; + + actionButtons && + actionButtons.forEach((actionButton) => { + emitter.on(Events.ButtonClicked, (data) => { + if (data.fieldId === actionButton.buttonFieldId) { + apiV3ActionTask(actionButton); + } + }); + }); + } }, [formaticProps.data]); return ( - - - - - - - ) + <> + + + + + + {outcomeResponse && ( +

+ {outcomeResponse.outcomeMessage} +

+ )} + + ); } export default function FormEmbedPage(props) { @@ -173,23 +330,21 @@ export default function FormEmbedPage(props) { const params = useParams(); const [submission, setSubmission] = useState(null); const dataHelper = useMemo(() => new Data(), []); - const [error, setError] = useState(null); - - console.log('FormEmbedPage', { params }); useEffect(() => { if (!params.submissionId) { return; } - API.submissions.retrieve(params.submissionId) + API.submissions + .retrieve(params.submissionId) .then((res) => setSubmission(res.data)) .catch((err) => { console.error(err); }); }, [params]); - const channel = get(params, 'channel', 'master'); + const channel = get(params, "channel", "master"); function handleRefresh() { props.onComplete(); @@ -198,18 +353,18 @@ export default function FormEmbedPage(props) { if (!submission) { return (
- +
- ) - return ; + ); + return ; } if (!assignment) { - return ; + return ; } if (assignment.current_state === "complete") { - return ; + return ; } return ( @@ -222,13 +377,13 @@ export default function FormEmbedPage(props) { submission={submission} task={task} env={env} - error={error} onRefresh={handleRefresh} apiUrl={props.apiUrl} sdkApiUrl={props.sdkApiUrl} subscriptionApiUrl={props.subscriptionApiUrl} + assignment={assignment} /> - ) + ); } diff --git a/yarn.lock b/yarn.lock index d38d5fb..c808805 100644 --- a/yarn.lock +++ b/yarn.lock @@ -255,6 +255,13 @@ dependencies: regenerator-runtime "^0.13.11" +"@babel/runtime@^7.21.0": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8" + integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA== + dependencies: + regenerator-runtime "^0.14.0" + "@babel/template@^7.18.10", "@babel/template@^7.20.7": version "7.20.7" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8" @@ -320,6 +327,11 @@ classnames "^2.3.1" tslib "~2.3.1" +"@csstools/selector-specificity@^2.0.0": + version "2.2.0" + resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016" + integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw== + "@esbuild/linux-loong64@0.14.54": version "0.14.54" resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028" @@ -470,6 +482,13 @@ dependencies: mini-svg-data-uri "^1.2.3" +"@tailwindcss/nesting@^0.0.0-insiders.565cd3e": + version "0.0.0-insiders.565cd3e" + resolved "https://registry.yarnpkg.com/@tailwindcss/nesting/-/nesting-0.0.0-insiders.565cd3e.tgz#cdfe802dd2900cd6b4e99006c7d13b21132d72fc" + integrity sha512-WhHoFBx19TnH/c+xLwT/sxei6+4RpdfiyG3MYXfmLaMsADmVqBkF7B6lDalgZD9YdM459MF7DtxVbWkOrV7IaQ== + dependencies: + postcss-nested "^5.0.5" + "@tailwindcss/typography@^0.5.2": version "0.5.8" resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.8.tgz#8fb31db5ab0590be6dfa062b1535ac86ad9d12bf" @@ -533,10 +552,10 @@ react "^18.0.0" react-dom "^18.0.0" -"@transformd-ltd/sdk@1.5.3": - version "1.5.3" - resolved "https://npm.pkg.github.com/download/@transformd-ltd/sdk/1.5.3/2e1b1618c25513fce526e6e1d1ce2a5ba763d351#2e1b1618c25513fce526e6e1d1ce2a5ba763d351" - integrity sha512-9cqzta+BmghvdinBgrIR2uXB1tiEO2ofXJOg8r+dQRv3sibKH2DZn2B0a/8c2/RQ7YqaUGDDTRAgv36EyVMTAA== +"@transformd-ltd/sdk@1.8.2": + version "1.8.2" + resolved "https://npm.pkg.github.com/download/@transformd-ltd/sdk/1.8.2/6b689cb87c31cd47fc1c54fcbd13f09e4749d1b8#6b689cb87c31cd47fc1c54fcbd13f09e4749d1b8" + integrity sha512-fQOlMgxB/7nretHmimecOX3DJKkeNcDzxPH+pPxQL70Ys0rC2pVsgQ4YgoRVVm/h8AvQNYHwwse9BYjJkb9vng== dependencies: "@stripe/react-stripe-js" "^1.9.0" "@stripe/stripe-js" "^1.32.0" @@ -549,7 +568,7 @@ dompurify "2.2.3" handlebars "^4.1.2" lodash "^4.17.4" - mathjs "7.5.1" + mathjs "11.8.0" mitt "^1.1.2" moment "2.29.4" react "^16.8.6" @@ -1212,7 +1231,7 @@ change-case@^4.1.2: snake-case "^3.0.4" tslib "^2.0.3" -chokidar@^3.5.3: +"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3: version "3.5.3" resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== @@ -1273,7 +1292,7 @@ combined-stream@^1.0.8: dependencies: delayed-stream "~1.0.0" -complex.js@^2.0.11: +complex.js@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/complex.js/-/complex.js-2.1.1.tgz#0675dac8e464ec431fb2ab7d30f41d889fb25c31" integrity sha512-8njCHOTtFFLtegk6zQo0kkVX1rngygb/KQI6z1qZxlFI3scluC+LVTCFbrkWjBv4vvLlbQ9t88IPMC6k95VTTg== @@ -1410,7 +1429,7 @@ debug@^4.1.0, debug@^4.1.1, debug@^4.3.2: dependencies: ms "2.1.2" -decimal.js@^10.2.1: +decimal.js@^10.4.3: version "10.4.3" resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23" integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA== @@ -2157,7 +2176,7 @@ form-data@^4.0.0: combined-stream "^1.0.8" mime-types "^2.1.12" -fraction.js@^4.0.12, fraction.js@^4.2.0: +fraction.js@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950" integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA== @@ -2404,6 +2423,11 @@ immutable@^3.7.4: resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3" integrity sha512-15gZoQ38eYjEjxkorfbcgBKBL6R7T459OuK+CpcWt7O3KF4uPCx2tD0uFETlUDIyo+1789crbMhTvQBSR5yBMg== +immutable@^4.0.0: + version "4.3.0" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.0.tgz#eb1738f14ffb39fd068b1dbe1296117484dd34be" + integrity sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg== + immutable@~3.7.4: version "3.7.6" resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.7.6.tgz#13b4d3cb12befa15482a26fe1b2ebae640071e4b" @@ -2782,19 +2806,20 @@ lru-cache@^6.0.0: dependencies: yallist "^4.0.0" -mathjs@7.5.1: - version "7.5.1" - resolved "https://registry.yarnpkg.com/mathjs/-/mathjs-7.5.1.tgz#eb125295310a99ddcaf6145c47b09aab36e48274" - integrity sha512-H2q/Dq0qxBLMw+G84SSXmGqo/znihuxviGgAQwAcyeFLwK2HksvSGNx4f3dllZF51bWOnu2op60VZxH2Sb51Pw== +mathjs@11.8.0: + version "11.8.0" + resolved "https://registry.yarnpkg.com/mathjs/-/mathjs-11.8.0.tgz#b02e66461ec068fadf1e90c221121704dc14d8f5" + integrity sha512-I7r8HCoqUGyEiHQdeOCF2m2k9N+tcOHO3cZQ3tyJkMMBQMFqMR7dMQEboBMJAiFW2Um3PEItGPwcOc4P6KRqwg== dependencies: - complex.js "^2.0.11" - decimal.js "^10.2.1" + "@babel/runtime" "^7.21.0" + complex.js "^2.1.1" + decimal.js "^10.4.3" escape-latex "^1.2.0" - fraction.js "^4.0.12" + fraction.js "^4.2.0" javascript-natural-sort "^0.7.1" - seed-random "^2.2.0" + seedrandom "^3.0.5" tiny-emitter "^2.1.0" - typed-function "^2.0.0" + typed-function "^4.1.0" merge2@^1.3.0: version "1.4.1" @@ -3159,6 +3184,21 @@ postcss-nested@6.0.0: dependencies: postcss-selector-parser "^6.0.10" +postcss-nested@^5.0.5: + version "5.0.6" + resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.6.tgz#466343f7fc8d3d46af3e7dba3fcd47d052a945bc" + integrity sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA== + dependencies: + postcss-selector-parser "^6.0.6" + +postcss-nesting@^11.2.1: + version "11.2.1" + resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-11.2.1.tgz#260806f20971c82700d327468b49d1c1b44f1790" + integrity sha512-E6Jq74Jo/PbRAtZioON54NPhUNJYxVWhwxbweYl1vAoBYuGlDIts5yhtKiZFLvkvwT73e/9nFrW3oMqAtgG+GQ== + dependencies: + "@csstools/selector-specificity" "^2.0.0" + postcss-selector-parser "^6.0.10" + postcss-selector-parser@6.0.10: version "6.0.10" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d" @@ -3167,7 +3207,7 @@ postcss-selector-parser@6.0.10: cssesc "^3.0.0" util-deprecate "^1.0.2" -postcss-selector-parser@^6.0.10: +postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.6: version "6.0.11" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc" integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g== @@ -4331,6 +4371,11 @@ regenerator-runtime@^0.13.11: resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9" integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg== +regenerator-runtime@^0.14.0: + version "0.14.0" + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45" + integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA== + regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.4.3: version "1.4.3" resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac" @@ -4426,6 +4471,15 @@ safe-regex-test@^1.0.0: resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== +sass@^1.59.3: + version "1.59.3" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.59.3.tgz#a1ddf855d75c70c26b4555df4403e1bbf8e4403f" + integrity sha512-QCq98N3hX1jfTCoUAsF3eyGuXLsY7BCnCEg9qAact94Yc21npG2/mVOqoDvE0fCbWDqiM4WlcJQla0gWG2YlxQ== + dependencies: + chokidar ">=3.0.0 <4.0.0" + immutable "^4.0.0" + source-map-js ">=0.6.2 <2.0.0" + scheduler@^0.19.1: version "0.19.1" resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196" @@ -4441,10 +4495,10 @@ scheduler@^0.23.0: dependencies: loose-envify "^1.1.0" -seed-random@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/seed-random/-/seed-random-2.2.0.tgz#2a9b19e250a817099231a5b99a4daf80b7fbed54" - integrity sha512-34EQV6AAHQGhoc0tn/96a9Fsi6v2xdqe/dMUwljGRaFOzR3EgRmECvD0O8vi8X+/uQ50LGHfkNu/Eue5TPKZkQ== +seedrandom@^3.0.5: + version "3.0.5" + resolved "https://registry.yarnpkg.com/seedrandom/-/seedrandom-3.0.5.tgz#54edc85c95222525b0c7a6f6b3543d8e0b3aa0a7" + integrity sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg== semver@^5.7.0, semver@^5.7.1: version "5.7.1" @@ -4521,7 +4575,7 @@ snake-case@^3.0.4: dot-case "^3.0.4" tslib "^2.0.3" -source-map-js@^1.0.2: +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== @@ -4736,10 +4790,10 @@ type-fest@^0.20.2: resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4" integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ== -typed-function@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/typed-function/-/typed-function-2.1.0.tgz#ded6f8a442ba8749ff3fe75bc41419c8d46ccc3f" - integrity sha512-bctQIOqx2iVbWGDGPWwIm18QScpu2XRmkC19D8rQGFsjKSgteq/o1hTZvIG/wuDq8fanpBDrLkLq+aEN/6y5XQ== +typed-function@^4.1.0: + version "4.1.1" + resolved "https://registry.yarnpkg.com/typed-function/-/typed-function-4.1.1.tgz#38ce3cae31f4f513bcb263563fdad27b2afa73e8" + integrity sha512-Pq1DVubcvibmm8bYcMowjVnnMwPVMeh0DIdA8ad8NZY2sJgapANJmiigSUwlt+EgXxpfIv8MWrQXTIzkfYZLYQ== typed-styles@^0.0.7: version "0.0.7"