{"version":3,"file":"BaseDisplayTree-DUp_d1Rl.js","sources":["../../../src/Figured/Packages/Features/BusinessStructure/Assets/Components/BaseEntityPurpose.vue","../../../src/Figured/Packages/Features/BusinessStructure/Assets/Components/BaseEntityDropdown.vue","../../../src/Figured/Packages/Features/BusinessStructure/Assets/Components/BaseEntityCard.vue","../../../src/Figured/Packages/Features/BusinessStructure/Assets/Components/BaseAddCard.vue","../../../src/Figured/Packages/Features/BusinessStructure/Assets/Components/BaseDisplayTree.vue"],"sourcesContent":["<template>\n    <el-tag\n        size=\"mini\"\n        :color=\"tagColor\"\n        effect=\"dark\"\n    >\n        {{ purpose }}\n    </el-tag>\n</template>\n\n<script>\nexport default {\n    name: \"BaseEntityPurpose\",\n    props: {\n        purpose: {\n            type: String,\n            required: true\n        }\n    },\n    computed: {\n        tagColor() {\n            return {\n                \"Farm Trading\": \"#A5D8B5\",\n                \"Non-Farm Trading\": \"#70BFD6\",\n                \"Land Owner\": \"#B0BEC5\",\n            }[this.purpose] || \"#B0BEC5\";\n        }\n    }\n}\n</script>\n\n<style scoped>\n.el-tag {\n    color: #fff;\n    border: none;\n    padding: 1px 5px 2px;\n}\n</style>","<template>\n    <el-dropdown\n        class=\"business-structure__entity__dropdown\"\n        @command=\"handleItemClicked\"\n    >\n        <div class=\"business-structure__entity__dropdown__icon align-items-center flex justify-center\">\n            <i class=\"far fa-ellipsis-v\" />\n        </div>\n        <template #dropdown>\n            <el-dropdown-menu>\n                <el-dropdown-item\n                    v-for=\"(item, index) in commands\"\n                    :key=\"index\"\n                    :command=\"item.key\"\n                    :class=\"dropdownItemClass(item.key)\"\n                >\n                    {{ item.label }}\n                </el-dropdown-item>\n            </el-dropdown-menu>\n        </template>\n    </el-dropdown>\n</template>\n\n<script>\nexport default {\n    name: \"BaseEntityDropdown\",\n\n    props: {\n        commands: {\n            type: Array,\n            required: true\n        }\n    },\n\n    methods: {\n        handleItemClicked(command) {\n            this.$emit(\"command\", command);\n        },\n        dropdownItemClass(command) {\n            return command === \"delete\" ? \"business-structure__entity__dropdown__delete-option\" : \"\";\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n    .business-structure__entity__dropdown {\n        display: block;\n        position: absolute;\n        top: 3px;\n        right: -3px;\n\n        &__icon {\n            height: 2.5rem;\n            width: 2.5rem;\n            border-radius: 50%;\n            margin-right: .5rem;\n\n            &:hover {\n                background-color: #eceff1;\n            }\n        }\n    }\n\n    .business-structure__entity__dropdown__delete-option {\n        color: #FF5555;\n    }\n</style>","<template>\n    <div class=\"business-structure__entity\">\n        <el-card shadow=\"hover\">\n            <EntityDropdown\n                v-if=\"allowEdit\"\n                :commands=\"commands\"\n                @command=\"handleCommand\"\n            />\n\n            <div class=\"business-structure__entity__purposes\">\n                <EntityPurpose\n                    v-for=\"purpose in purposes\"\n                    :key=\"purpose\"\n                    :purpose=\"purpose\"\n                />\n            </div>\n\n            <h5>{{ name }}</h5>\n        </el-card>\n    </div>\n</template>\n\n<script>\nimport EntityPurpose from \"BusinessStructure/Assets/Components/BaseEntityPurpose\";\nimport EntityDropdown from \"BusinessStructure/Assets/Components/BaseEntityDropdown\";\n\nexport default {\n    name: \"BaseEntityCard\",\n    components: {EntityDropdown, EntityPurpose},\n    props: {\n        name: {\n            type: String,\n            required: true\n        },\n        purposes: {\n            type: Array,\n            required: false,\n            default: () => []\n        },\n        commands: {\n            type: Array,\n            required: true\n        },\n        allowEdit: {\n            type: Boolean,\n            required: true\n        }\n    },\n\n    methods: {\n        handleCommand(command) {\n            this.$emit(\"command\", command);\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.business-structure__entity {\n    .el-tag {\n        margin: 0 7px 3px 0;\n    }\n\n    .el-card {\n        border-color: #CFD8DC;\n    }\n\n    .el-card__body {\n        padding: 10px;\n        min-height: 66px;\n        position: relative;\n    }\n\n    h5 {\n        margin: 10px 0 0 0;\n    }\n\n    &__purposes {\n        min-height: 6px;\n        padding-right: 10px;\n    }\n}\n</style>","<template>\n    <div\n        class=\"business-structure__add\"\n        @click=\"$emit('click')\"\n    >\n        <span>\n            <i class=\"fa-solid fa-plus\" />\n            <slot />\n        </span>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"BaseAddCard\",\n}\n</script>\n\n<style lang=\"scss\">\n.business-structure__add {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    padding: 20px;\n    min-height: 66px;\n    position: relative;\n    background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%237FA9EA' stroke-width='2' stroke-dasharray='7%2c 11' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n    border-radius: 4px;\n    cursor: pointer;\n    color: #296FDC;\n\n    i.fa-solid {\n        width: 17px;\n        font-weight: 400;\n    }\n}\n</style>","<template>\n    <div>\n        <div\n            v-if=\"businessStructure.id\"\n            class=\"business-structure__top-right\"\n        >\n            <el-form ref=\"setIsCompleteForm\">\n                <el-form-item\n                    prop=\"isComplete\"\n                    class=\"fbs-is-complete-form-item\"\n                    :error=\"validateBusinessStructureName\"\n                >\n                    <el-button\n                        v-if=\"!businessStructure.is_complete\"\n                        size=\"mini\"\n                        class=\"fbs-mark-as-complete\"\n                        :disabled=\"invalidParent\"\n                        @click=\"setIsComplete(true)\"\n                    >\n                        Mark as Complete\n                    </el-button>\n                    <span\n                        v-else\n                        class=\"fbs-is-complete print:hidden\"\n                    >\n                        <i class=\"fa-solid fa-check\" />\n                        Complete\n                        <i\n                            class=\"fa-solid fa-pencil\"\n                            @click=\"setIsComplete(false)\"\n                        />\n                    </span>\n                </el-form-item>\n            </el-form>\n        </div>\n\n        <h4 class=\"text-lg\">\n            {{ header }}\n        </h4>\n\n        <el-row\n            :gutter=\"8\"\n            type=\"flex\"\n            justify=\"center\"\n        >\n            <el-col :span=\"8\">\n                <BaseEntityCard\n                    v-if=\"businessStructure.id && businessStructure.name\"\n                    :name=\"businessStructure.name\"\n                    :commands=\"parentCommands\"\n                    :allow-edit=\"allowEdit\"\n                    @command=\"handleParentCommand\"\n                />\n                <BaseAddCard\n                    v-else-if=\"allowEdit\"\n                    @click=\"$emit('parent-command', {\n                        command: 'edit'})\"\n                >\n                    Name Business Structure\n                </BaseAddCard>\n            </el-col>\n        </el-row>\n\n        <el-divider />\n\n        <el-row :gutter=\"8\">\n            <el-col\n                v-for=\"entity in businessStructure.entities\"\n                :key=\"entity.id\"\n                :span=\"8\"\n            >\n                <BaseEntityCard\n                    :name=\"entity.name\"\n                    :purposes=\"entity.purposes\"\n                    :commands=\"entityCommands\"\n                    :allow-edit=\"allowEdit\"\n                    @command=\"handleEntityCommand(entity, $event)\"\n                />\n            </el-col>\n\n            <el-col\n                v-if=\"allowEdit\"\n                key=\"add\"\n                :span=\"8\"\n            >\n                <BaseAddCard @click=\"$emit('entity-command', {command: 'create', entity: null})\">\n                    Add Entity\n                </BaseAddCard>\n            </el-col>\n        </el-row>\n    </div>\n</template>\n\n<script>\nimport {globals} from \"Figured/Assets/Modules\";\nimport BaseEntityCard from \"BusinessStructure/Assets/Components/BaseEntityCard\";\nimport BaseAddCard from \"BusinessStructure/Assets/Components/BaseAddCard\";\nimport {isNull} from \"lodash\";\n\nexport default {\n    name: \"BaseDisplayTree\",\n    components: {\n        BaseAddCard,\n        BaseEntityCard,\n    },\n\n    props: {\n        businessStructure: {\n            type: Object,\n            required: true\n        },\n        validationMessages: {\n            type: Object,\n            required: true,\n        },\n        allowEdit: {\n            type: Boolean,\n            required: true\n        },\n        isActiveFarmCommercialManager: {\n            type: Boolean,\n            required: false,\n            default: null\n        },\n    },\n\n    data() {\n        return {\n            showNoParentError: false\n        }\n    },\n\n    computed: {\n        parentCommands() {\n            return [\n                {key: \"edit\", label: \"Edit\"},\n                {key: \"delete\", label: \"Delete\"},\n            ]\n        },\n        entityCommands() {\n            return [\n                {key: \"edit\", label: \"Edit\"},\n                {key: \"delete\", label: \"Delete\"}\n            ]\n        },\n        validateBusinessStructureName() {\n            const serverValidation = (this.validationMessages[\"business_structure.name\"] || [])[0];\n            const uiValidation = this.invalidParent && \"Business Structure requires a name\";\n\n            return serverValidation || uiValidation || \"\";\n        },\n        invalidParent() {\n            return this.showNoParentError && !this.businessStructure.name && this.businessStructure.entities.length > 1;\n        },\n        header() {\n            const isActiveFarmCommercialManager = !isNull(this.isActiveFarmCommercialManager)\n                ? this.isActiveFarmCommercialManager\n                : globals.isActiveFarmCommercialManager();\n\n            return isActiveFarmCommercialManager ? \"Business Structure\" : \"Farm Business Structure\";\n        },\n    },\n\n    methods: {\n        handleParentCommand(command) {\n            this.$emit(\"parent-command\", {command});\n        },\n        handleEntityCommand(entity, command) {\n            this.$emit(\"entity-command\", {command, entity});\n        },\n        setIsComplete(isComplete) {\n            this.showNoParentError = true;\n            if (! this.invalidParent) {\n                this.$emit(\"set-is-complete\", isComplete);\n            }\n        },\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.fbs-mark-as-complete {\n    border-color: #B8EDD1;\n    color: #13C366;\n}\n.fbs-mark-as-complete:hover {\n    background-color: #fff;\n}\n\n.fbs-is-complete {\n    color: #90A4AE;\n}\n\n.fbs-is-complete-form-item {\n    margin: 0;\n}\n\n.fbs-is-complete > .fa-check {\n    font-weight: 400;\n}\n.fbs-is-complete > .fa-pencil {\n    color: #296FDC;\n    margin-left: 5px;\n    cursor: pointer;\n}\n\n.business-structure__top-right {\n    position: relative;\n    float: right;\n}\n</style>"],"names":["_sfc_main","command","EntityDropdown","EntityPurpose","BaseAddCard","BaseEntityCard","serverValidation","uiValidation","isNull","globals.isActiveFarmCommercialManager","entity","isComplete"],"mappings":"4cAWA,MAAAA,EAAA,CACA,KAAA,oBACA,MAAA,CACA,QAAA,CACA,KAAA,OACA,SAAA,EACA,CACA,EACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,eAAA,UACA,mBAAA,UACA,aAAA,SACA,EAAA,KAAA,OAAA,GAAA,SACA,CACA,CACA,mNCJAA,EAAA,CACA,KAAA,qBAEA,MAAA,CACA,SAAA,CACA,KAAA,MACA,SAAA,EACA,CACA,EAEA,QAAA,CACA,kBAAAC,EAAA,CACA,KAAA,MAAA,UAAAA,CAAA,CACA,EACA,kBAAAA,EAAA,CACA,OAAAA,IAAA,SAAA,sDAAA,EACA,CACA,CACA,kmBChBAD,EAAA,CACA,KAAA,iBACA,WAAA,CAAA,eAAAE,EAAA,cAAAC,CAAA,EACA,MAAA,CACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,SAAA,CACA,KAAA,MACA,SAAA,GACA,QAAA,IAAA,CAAA,CACA,EACA,SAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,UAAA,CACA,KAAA,QACA,SAAA,EACA,CACA,EAEA,QAAA,CACA,cAAAF,EAAA,CACA,KAAA,MAAA,UAAAA,CAAA,CACA,CACA,CACA,+dCzCAD,EAAA,CACA,KAAA,aACA,qRCoFAA,EAAA,CACA,KAAA,kBACA,WAAA,CACA,YAAAI,EACA,eAAAC,CACA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,mBAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,UAAA,CACA,KAAA,QACA,SAAA,EACA,EACA,8BAAA,CACA,KAAA,QACA,SAAA,GACA,QAAA,IACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,kBAAA,EACA,CACA,EAEA,SAAA,CACA,gBAAA,CACA,MAAA,CACA,CAAA,IAAA,OAAA,MAAA,MAAA,EACA,CAAA,IAAA,SAAA,MAAA,QAAA,CACA,CACA,EACA,gBAAA,CACA,MAAA,CACA,CAAA,IAAA,OAAA,MAAA,MAAA,EACA,CAAA,IAAA,SAAA,MAAA,QAAA,CACA,CACA,EACA,+BAAA,CACA,MAAAC,GAAA,KAAA,mBAAA,yBAAA,GAAA,CAAA,GAAA,CAAA,EACAC,EAAA,KAAA,eAAA,qCAEA,OAAAD,GAAAC,GAAA,EACA,EACA,eAAA,CACA,OAAA,KAAA,mBAAA,CAAA,KAAA,kBAAA,MAAA,KAAA,kBAAA,SAAA,OAAA,CACA,EACA,QAAA,CAKA,OAJAC,SAAA,KAAA,6BAAA,EAEAC,IADA,KAAA,+BAGA,qBAAA,yBACA,CACA,EAEA,QAAA,CACA,oBAAAR,EAAA,CACA,KAAA,MAAA,iBAAA,CAAA,QAAAA,CAAA,CAAA,CACA,EACA,oBAAAS,EAAAT,EAAA,CACA,KAAA,MAAA,iBAAA,CAAA,QAAAA,EAAA,OAAAS,CAAA,CAAA,CACA,EACA,cAAAC,EAAA,CACA,KAAA,kBAAA,GACA,KAAA,eACA,KAAA,MAAA,kBAAAA,CAAA,CAEA,CACA,CACA"}